div ul li排列 的问题
<div><ul><li>11111111</li><li>22222222</li><li>33333333</li><li>44444444</li><li>5555...
<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>
<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>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询