CSS实现每行新闻数量不等效果代码

ttx9n

像大型网站中间那部分的效果：由于文章的标题的长度不一样，会自动实现行满后下一个标题自动换行，不满，则在后面继续添加。 本来还以为这块是由后台单独去做的，今天看到这种效果，居然是CSS实现的。现在将它放到这里与大家共享
<style> <!-- .title{ font-size:14px; font-weight:bold; color:#FF6600 } .t0{ margin:3px; padding:3px; list-style-type:none; line-height:16px; } .t1{ font-size:14px; margin-right:5px; height:16px; float:left; white-space : nowrap } //--> </style> <!--主体--> <fieldset style="width:400px; float:left;"> <legend>特别推荐</legend> <ul class="t0"> <!--中间循环部份代码--> <li class="t1"><a href="https://www.jb51.net/www.jb51.net">1.脚本代码收藏站,AJAX/JS/ASP/PHP一网打尽[特别推荐]！</a></li> <li class="t1"><a href="http://www.kanshule.com">2.看书了小说网！</a></li> <li class="t1"><a href="http://www.baidu.com/">3.中文最强大的搜索引擎！</a></li> <li class="t1"><a href="https://www.jb51.net/www.jb51.net/softs">4.脚本之家，下载中心！</a></li> <li class="t1"><a href="https://www.jb51.net/www.jb51.net/photoshop">5.脚本之家新增加photoshop，flash，制作教程经典收藏！</a></li> <!--尾部代码--> </ul> </fieldset>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

醉梦娱乐网

呵呵呵呵呵呵呵a

sykzus

看看看看看看看看看看看看看看看看看看看看看看看看看看看

e5plu

了乐趣了去了去了去了去了

白狐软件

啦啦啦啦啦德玛西亚

leidie123a

很不错的源码论坛

7jbiiz

哦哦哦ijhhsdj

3t0ukmu

天天源码社区论坛

7jbiiz

可以，看卡巴

小伙伴

很不错的源码论坛