只要控制了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>