li分两列显示

只要控制了li的宽度,利用浮动就能实现
<style type="text/css"> 
.my ul { 
210px; 

.my li { 
100px; /*如果显示三列 则width改为70px*/ 
float: left; 
display: block; 

</style> 


代码如下: 
<div class="my"> 
<ul> 
<li>那些花儿</li> 
<li>那些花儿</li> 
<li>那些花儿</li> 
<li>那些花儿</li> 
<li>那些花儿</li> 
<li>那些花儿</li> 
</ul> 
</div> 

原文地址:https://www.cnblogs.com/sjhsszl/p/8780687.html