<![CDATA[沧海一粟]]>

<![CDATA[沧海一粟]]> http://www.dzhope.com/index.php zh-cn http://www.dzhope.com/post// <![CDATA[ul和li简单语句实现DIV+CSS分两列（多列）布局显示]]> jed <jed521@163.com> Fri, 05 Sep 2008 02:55:35 +0000 http://www.dzhope.com/post//
比较分两列或者多列显示：

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>

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

Tags - css ]]> http://www.dzhope.com/post//#blogcomment <![CDATA[[评论] ul和li简单语句实现DIV+CSS分两列（多列）布局显示]]> <user@domain.com> Thu, 01 Jan 1970 00:00:00 +0000 http://www.dzhope.com/post//#blogcomment