如何避免列表样式出现双边框线?请参阅下面的小提琴以获得清晰的图片。我想要每个盒子的宽度为 1px,但是当它们组合在一起时它们是双倍的。
http://jsfiddle.net/awaises/4SLPh/1/
HTML :
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
CSS :
ul{
margin:0; padding:0;
list-style:none;
}
ul li{
width:30%; height:200px;
border:1px solid black;
float:left;
}
Thanks
尝试添加margin-right:-1px; margin-bottom:-1px;
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)