顶部边距和内联元素
在 CSS 中,margin 属性用于定义元素边框之外的间距。然而,在内联元素上使用 margin top 时会出现一个常见问题,特别是在 Firefox 中。
问题:
为什么内联元素的 margin top 似乎被忽略在 Firefox 中?
答案:
此行为并非 Firefox 独有,而是在 CSS 中定义2.1 规范:
CSS 2.1 边距属性规范:
“垂直边距不会对非替换的内联元素产生任何影响。”
说明:
行内元素,例如文本、标签和 标签没有定义的高度和宽度,通常呈现为单行内容。顶部边距是一个垂直边距属性,尝试在内联元素上方创建空间。然而,由于内联元素没有高度来容纳边距,因此它被忽略。
结论:
根据CSS规范,边距顶部不适用于内联元素。要在内联元素上方添加垂直空间,请考虑使用其他选项,例如 line-height 或 padding-top。
免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。
Copyright© 2022 湘ICP备2022001581号-3