Rumah >hujung hadapan web >tutorial css >Kod CSS untuk mencapai bilangan berita yang tidak sama rata setiap baris_Pertukaran pengalaman

Kod CSS untuk mencapai bilangan berita yang tidak sama rata setiap baris_Pertukaran pengalaman

PHP中文网
PHP中文网asal
2016-05-16 12:04:221466semak imbas

Pada asalnya saya fikir ini dilakukan oleh bahagian belakang sahaja, tetapi hari ini saya melihat kesan ini, dan ia sebenarnya dicapai oleh CSS. Sekarang letakkan di sini untuk berkongsi dengan semua orang

<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>
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn