我想知道为什么img
标签接受边距顶部属性吗?
这不是内联标签吗?内联标签不接受顶部和底部边距?
这是因为 img 是内联的replaced元素并且它确实接受margin-top
。它的行为与内联不同不可更换元素(如span
例如)。
规范的相关部分详细说明了这一点:https://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height
请注意,与非替换内联元素不同,没有与边距相关的限制或特殊行为,您可以在其中阅读:
内联非替换框的垂直内边距、边框和边距从内容区域的顶部和底部开始,与“行高”无关。但在计算行框的高度时仅使用“line-height”。
宽度/高度的逻辑相同。他们与img
但不与span
.
另一个相关问题涉及transform
同样的逻辑也适用:CSS 转换不适用于内联元素
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)