我在< a>上有边缘顶部/底部的问题元素 – 似乎不起作用
这是HTML代码：
<div class="pages-link">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
....
</div>
这是CSS代码：
.pages-link {
margin:2em 0;
word-spacing:.25em;
}
.pages-link a {
background:#d7d7d7;
border:1px solid #ccc;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
color:#333;
padding:.3em .5em;
text-decoration:none;
}
这是最终结果的样子。问题很明显，我想要5或10px的margin-bottom用于< a>元素，但该属性不适用。
我失踪了什么
解决方法
您需要添加display：inline-block;到你的主机选择器。锚定是按照定义的内联元素，不接受宽度，高度，边距等，直到它们被定义为块级别或内嵌块元素。
