首页 > 网络编程 > CSS/HTML > 经验交流 > 每行新闻数量不等 CSS实现每行新闻数量不等效果代码 2008-10-14 00:01:53 作者： 像大型网站中间那部分的效果：由于文章的标题的长度不一样，会自动实现行满后下一个标题自动换行，不满，则在后面继续添加。 本来还以为这块是由后台单独去做的，今天看到这种效果，居然是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><span class="title">特别推荐</span></legend> <ul class="t0"> <!--中间循环部份代码--> <li class="t1"><a href="https://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/softs">4.脚本之家，下载中心！</a></li> <li class="t1"><a href="https://www.jb51.net/photoshop">5.脚本之家新增加photoshop，flash，制作教程经典收藏！</a></li> <!--尾部代码--> </ul> </fieldset> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
