ul{ 
 margin:0; 
 padding:0; 
 list-style-type:none; 
 font-size:0; 
} 
ul li{ 
 width:160px; 
 display:inline-block; 
 vertical-align:top; 
 font-size:12px; 
}

2、給換行後的第一個li新增clear:left 如： 

ul li{float:left;width:160px;}

.c{clear:left;}

<li>1</li> 
<li>2</li> 
<li>3</li> 
<li class="c">4</li> 
<li>5</li> 
<li>6</li> 

在這裡，程式迴圈時，添加個if判斷即可。

轉載自:http://www.bitscn.com/school/HTMLCSS/201311/283822.html