css – Margin-bottom不会在标签下方创建空间

前端之家收集整理的这篇文章主要介绍了css – Margin-bottom不会在标签下方创建空间前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在我的 HTML表单中,我有一个链接< a href ='...'> …< / a>然后是标签< label ...> …< / label>.我为此链接设置了下限,如下所示:
form a {
    margin-bottom: 10px;
}

当我使用谷歌Chrome控制台检查元素时,a标签确实具有10px的边距底部.但标签正好在它下面没有空间.我怎样才能在那里产生一些空间?

解决方法

链接包装在段落< p>中是更好的做法.标签.然后添加边距.
<p><a href="#">...</a></p>

和CSS:

p {
    margin-bottom: 10px;
}

元素需要是块级别才能实现垂直间距.或者,您可以使用display:block强制阻止a

猜你在找的CSS相关文章