ul和li实现DIV+CSS分两列（多列）布局显示

UL+LI在布局上比table灵活得多。

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

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

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

最简单的代码：

 

XML/HTML代码

1. <style type="text/css">  
2.     .mycode{ width:300px; height:74px; float:left;}   
3.     .mycode ul{ width:280px;}   
4.     .mycode li{ width:100px; float:left; display:block;}   
5. </style>  
6. <div class="mycode">  
7.     <ul>  
8.         <li>博客小子</li>  
9.         <li>博客小子</li>  
10.         <li>博客小子</li>  
11.         <li>博客小子</li>  
12.         <li>博客小子</li>  
13.         <li>博客小子</li>  
14.     </ul>  
15. </div>  

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

<script type=text/javascript> </script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type=text/javascript> </script>