我尝试在 li 中添加 margin-left/margin-right 但它没有给它们之间留出空间。我应该添加什么来在列表之间留出一个空格?
CSS:
.btn-top {
float: right;
height: 40px;
margin-right: 10px;
margin-top: 10px;
}
.btn-top ul {
height: 100%;
padding: 0;
}
.btn-top ul li {
list-style-type: none;
display: table-cell;
width: 100px;
height: 30px;
vertical-align: middle;
text-align: center;
border-style: solid;
border-color: #333;
border-width: 2px;
border-radius: 10px;
}
HTML:
<div class="btn-top"><ul>
<li><a href="#"><span class="btn" =>btn1</span></a></li>
<li style="width:150px"><a href="#"><span class="btn">btn2</span></a></li>
</ul>
display: table-cell
使您的元素显示就像在<table>
,不幸的是,它不能很好地处理边距。你could加上另一个<div>
在这个元素里面并给这个元素一个margin
,或者只是给它填充。这实际上取决于所需的设计。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)