CSS實現每行新聞數量不等效果代碼

來源:互聯網
上載者:User

本來還以為這塊是由後台單獨去做的,今天看到這種效果,居然是CSS實現的。現在將它放到這裡與大家共用 <br /><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><p><!--主體--><br /><fieldset style="width:400px; float:left;"><legend>精選</legend><ul class="t0"><!--中間迴圈部份代碼--><li class="t1">1.指令碼代碼收藏站,AJAX/JS/ASP/PHP一網打盡[精選]!</li><li class="t1">2.看書了小說網!</li><li class="t1">3.中文最強大的搜尋引擎!</li><li class="t1">4.指令碼之家,下載中心!</li><li class="t1">5.指令碼之家新增加photoshop,flash,製作教程經典收藏!</li><p><!--尾部代碼--></ul></fieldset><p>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
相關文章

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.