css+ul实现多行多列显示内容示例

<style type="text/css">
    * {margin: 0px; padding:0px;}
    ul {list-style: none; width:200px;}
    li {float: left;}        
    .w50 {width: 50px;}
    .w150 {width: 150px;}
    .clear {clear: both;}
</style>
<ul>
    <li class="w50">10001</li>
    <li class="w150">张三</li>
    <li class="w50">10002</li>
    <li class="w150">李四</li>
    <li class="w50">10003</li>
    <li class="w150">王五</li>
</ul>
<div class="clear"></div>