CSS实现每行新闻数量不等效果代码_经验交流
程序员文章站
2022-04-15 11:45:34
...
本来还以为这块是由后台单独去做的,今天看到这种效果,居然是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="">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="/softs">4.脚本之家,下载中心!</a></li> <li class="t1"><a href="/photoshop">5.脚本之家新增加photoshop,flash,制作教程经典收藏!</a></li> </ul> </fieldset>