标题：ul和li简单语句实现DIV+CSS分两列（多列）布局显示
出处：沧海一粟
时间：Fri, 05 Sep 2008 10:55:35 +0000
作者：jed
地址：http://www.dzhope.com/post/479/

内容：
显然：UL+LI在布局上比table灵活得多。

比较分两列或者多列显示：

table：你需要在服务器上写一大堆代码判断是不是需要换行，或者切分是不是准确

DIV：你只需要定义好css，剩下的做事情叫交给浏览器吧。

最简单的代码：



<style type="text/css">   
    .mycode{ width:300px; height:74px; float:left;}    
    .mycode ul{ width:280px;}    
    .mycode li{ width:100px; float:left; display:block;}    
</style>   
<div class="mycode">   
    <ul>   
        <li>博客小子</li>   
        <li>博客小子</li>   
        <li>博客小子</li>   
        <li>博客小子</li>   
        <li>博客小子</li>   
        <li>博客小子</li>   
    </ul>   
</div>   





不用多说，这个是最精简的代码，请根据你需要修改！



Generated by Bo-blog 2.1.1 Release