为什么img标签接受margin-top属性?

问题描述 投票:0回答:1

我想知道为什么 img 标签接受margin top属性吗,这不是内联标签吗,内联标签不接受上下边距吗?

css image margin
1个回答
2
投票

因为img是内联标签,所以才会有margin top属性。取代 元素,而且它确实接受 margin-top. 它的行为与内联式的不同 未更换 元素 span 例如)。)

规范的相关部分详细说明了这一点。https:/www.w3.orgTRCSS21visudet.html#inline-replaced-height。

请注意,与非替换的内联元素不同的是,没有任何限制或特殊的行为,你可以阅读。

内嵌式非替换框的垂直padding、border和margin从内容区域的顶部和底部开始,与 "行高 "无关。但在计算行框的高度时,只使用 "行高"。

宽度高度也是一样的逻辑。它们的工作原理是 img 但不包括 span.

另一个相关问题涉及 transform 其中同样的逻辑也适用。CSS变换对内联元素不起作用

© www.soinside.com 2019 - 2024. All rights reserved.