ul,li,两列显示目的很简单：有一个 ul>li 列表，默认为单列显示，把它变为两列显示。
方法1，使用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> <ul> <li>ABC</li> <li>ABC</li> <li>ABC</li> <li>ABC</li> <li>ABC</li> <li>ABC</li> </ul> </div>
方法2，直接使用CSS控制
<style type="text/css"> .list{width:400px;overflow:hidden;zoom:1;border:1px solid #ccc} .list li{float:left;width:190px;padding:5px} </style> <ul class="list"> <li>ABC</li> <li>ABC</li> <li>ABC</li> <li>ABC</li> <li>ABC</li> <li>ABC</li> </ul>
ul,li,两列显示
|
