UC知道div ul li排列 的问题
来源：百度知道 编辑：UC知道 时间：2024/06/01 04:58:58
<div>
<ul>
<li>11111111</li>
<li>22222222</li>
<li>33333333</li>
<li>44444444</li>
<li>55555555</li>
<li>66666666</li>
<li>77777777</li>
</ul>
</div>
有上面这组数据，我想让它一行二列排列，能排吗？该怎么写css样式。
要的效果如下：
11111111 22222222
33333333 44444444
55555555 66666666
77777777
<ul>
<li>11111111</li>
<li>22222222</li>
<li>33333333</li>
<li>44444444</li>
<li>55555555</li>
<li>66666666</li>
<li>77777777</li>
</ul>
</div>
有上面这组数据，我想让它一行二列排列，能排吗？该怎么写css样式。
要的效果如下：
11111111 22222222
33333333 44444444
55555555 66666666
77777777
设置 li的样式的float属性为:float再把li的宽度设为ul的宽度的一半最好小一点点比如
<style>
ul{width:200px;}
li{float:left;width:99px;}
</style>
<div>
<ul>
<li>11111111</li>
<li>22222222</li>
<li>33333333</li>
<li>44444444</li>
<li>55555555</li>
<li>66666666</li>
<li>77777777</li>
</ul>
</div>