CSS實現每行新聞數量不等效果代碼_經驗交流

來源:互聯網
上載者:User
本來還以為這塊是由後台單獨去做的,今天看到這種效果,居然是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="http://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="http://www.jb51.net/softs">4.指令碼之家,下載中心!</a></li> <li class="t1"><a href="http://www.jb51.net/photoshop">5.指令碼之家新增加photoshop,flash,製作教程經典收藏!</a></li>   </ul> </fieldset>
  • 相關文章

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.