我像让它们一行显示，想分三列，可到了第二列就自动换行了，怎么样才来做到一行显示？
</div>
<div>
<ul>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
</ul>
<div style="display:inline;">
<ul>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
</ul>
</div>
</div>
<div>
意思是不是 像表格一样 一行三列
你可以设置ul的width:101%(也可以设置成为width:100%,则li设置width:33%)
li的width:33.3%;float:left
应该就可以设置成一行三列了
是这样吗？不行啊！！！
<div>
<ul style="width:100%">
<li style="width:33%"> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li style="width:33%"> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li style="width:33%"> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li style="width:33%"> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li style="width:33%"> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li style="width:33%"> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li style="width:33%"> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
</ul>
<div style="display:inline;">
<ul style="width:100%">
<li style="width:33%"> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li style="width:33%"> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li style="width:33%"> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li style="width:33%"> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li style="width:33%"> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li style="width:33%"> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li style="width:33%"> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li style="width:33%"> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
</ul>
</div>
</div>
我是要分不同的三列，要在同一行中显示
<div style="float:left;">
<ul>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
</ul>
</div>
<div style="display:inline;float:left">
<ul>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
</ul>
</div>
<div style="display:inline;float:left">
<ul>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
<li> <a href="#">sdfsdfsdfsdfsdfsf </a> </li>
</ul>
</div>
