2
回答
css 修改成一行,限制字数的问题
【腾讯云】校园拼团福利,1核2G服务器10元/月!>>>   

如何让文章的字数限制一下,在时间的前面,文章字数和时间显示一行。

下面这里是CSS

#content .content_left .wenz{float:left;background:url(../img/zb.gif) no-repeat; width:265px; }
#content .content_left .wenz h3{color:#7B2E00; line-height:29px; padding-left:10px;}
#content .content_left .wenz ul{ padding:10px 10px 10px 10px; border:1px solid #FFB64B; border-top:0px; }
#content .content_left .wenz ul li{ line-height:23px;}
#content .content_left .wenz ul li a{color:#003399; white-space:nowrap;word-break:keep-all; width:30px;}
#content .content_left .wenz ul li a:hover{text-decoration:underline; width:400px;}
#content .content_left .wenz ul li span{ float:right; color:#CCC;}



下面的首页的。

<div class="kong"></div>
<div id="content">
<div class="content_left">
<div class="wenz">
<h3>最新发布文章</h3>
<ul>
<li><span>2016-02-25</span><a href="http://www.qzmulu.com/artinfo-3672.html" title="IOS 9.2.1完美越狱疑为假新闻,不为真实" target="_blank">IOS 9.2.1完美越狱疑为假新闻,不为真实</a></li>
</li>
<li><span>2016-02-25</span><a href="http://www.qzmulu.com//artinfo-3671.html" title="曝太极已完成iOS 9.2.1完美越狱 近期发布" target="_blank">曝太极已完成iOS 9.2.1完美越狱 近期发布</a></li>
</li>
<li><span>2016-01-25</span><a href="http://www.qzmulu.com/artinfo-3669.html" title="李钟硕蜡像亮相香港 穿荧光粉西装造型抢眼" target="_blank">李钟硕蜡像亮相香港 穿荧光粉西装造型抢眼</a></li>
</li>
<li><span>2016-01-25</span><a href="http://www.qzmulu.com/artinfo-3670.html" title="北美票房:莱昂纳多《还魂者》后来居上登顶" target="_blank">北美票房:莱昂纳多《还魂者》后来居上登顶</a></li>
</li>
<li><span>2016-01-25</span><a href="http://www.qzmulu.com/artinfo-3668.html" title="明星御寒:TFBOYS、刘恺威包裹严实 邓超全家度假" target="_blank">明星御寒:TFBOYS、刘恺威包裹严实 邓超全家度假</a></li>
</li>
</ul>
</div>

<无标签>
举报
yaohaijin
发帖于2年前 2回/863阅
顶部