<style type="text/css">
.my ul {
width: 410px;
}
.my li {
width: 200px; /*如果显示三列 则width改为70px*/
float: left;
display: block;
}
</style>
<div class="my">
<ul>
<li>金鳞岂是池中物</li>
<li>一遇风云便化龙</li>
<li>九霄龙吟惊天变</li>
<li>风云际会潜水游</li>
<li>那些花儿</li>
<li>那些花儿</li>
</ul>
.my ul {
width: 410px;
}
.my li {
width: 200px; /*如果显示三列 则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>
如果显示的文字多而换行显示了,就调节宽度