行ごとに不等数のニュースを実現するための CSS コード_エクスペリエンス交換

当初、これはバックエンドのみによって行われると考えていましたが、今日、この効果が実際には 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>