ホームページ >ウェブフロントエンド >CSSチュートリアル >行ごとに不等数のニュースを実現するための CSS コード_エクスペリエンス交換
行ごとに不等数のニュースを実現するための CSS コード_エクスペリエンス交換
- PHP中文网オリジナル
- 2016-05-16 12:04:221468ブラウズ
当初、これはバックエンドのみによって行われると考えていましたが、今日、この効果が実際には 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>声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。