[英]Is it possible to simulate spacing between table cells such that vertical and horizontal spacing are different?
[英]Different spacing between horizontal and vertical list item
水平和垂直列表项之间的空间显示不同,即使两种布局的边距,填充,高度和宽度也完全相同。 我希望它们相同,我知道我可以手动调整边距或填充,但是为什么它们不相同,是否有一种简单的方法可以使它们保持一致? 谢谢。
HTML
<ul class="horizontal">
<li></li>
<li></li>
<li></li>
</ul>
<div class="clear"></div>
<ul class="vertical">
<li></li>
<li></li>
<li></li>
</ul>
CSS
ul li {
padding: 0;
margin: 10px;
width: 13px;
height: 13px;
background: #333333;
border-radius: 50%;
}
.horizontal li {
float: left;
}
在此处查看结果: http : //jsfiddle.net/bingjie2680/3ZbkQ/
阅读以下内容: http : //www.w3.org/TR/CSS21/box.html#collapsing-margins您的垂直边距正在崩溃,因为您的元素彼此“相邻”。 与此不同的是,水平边距没有崩溃。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.