发布网友 发布时间:2022-04-06 12:16
共4个回答
热心网友 时间:2022-04-06 13:45
li{border:1px solid #000;margin-left:5px;float:left;}另外必须有width属性,要求大致等于外层div的宽度-5px的一半。比如外边的div的宽度是50px,那么这里li的宽度设置为11px;就好了。(尽量小几个像素,因为有些浏览器会将border的线宽算进li里面,而有的浏览器不会,为了避免兼容性问题,都是少几个像素,肉眼分辨不出来的!)追问我的意思是竖着排列,显示一定数据后另起一列。不是横着排。
热心网友 时间:2022-04-06 15:03
<div class="cont">.cont ul{float:left;width:72px;margin-left:0px}
.cont li{height:20px;border:1px solid;list-style:none;}
追问……只有li的情况下,不要有别的标签分开。
追答.cont ul{width:147px;margin-left:0px}
.cont li{height:20px;border:1px solid;list-style:none; width:72px}
.cont li.right{float: right;position: relative;top: -132px;left: 18px;}
<div class="cont">
<ul>
<li >111</li>
<li >222</li>
<li >333</li>
<li>444</li>
<li >555</li>
<li>666</li>
<li class="right">777</li>
<li class="right">888</li>
<li class="right">999</li>
</ul>
</div>
你不觉得这样布局很糟糕么
热心网友 时间:2022-04-06 16:38
其中两个li留空白就可以了。。。热心网友 时间:2022-04-06 18:29
li{