CSS - 对于内联元素，据说垂直边距(顶部|底部)将不适用

Question

由于img是内联元素，所以margin-top和margin-bottom都是有效的。

<img
src="https://i.imgur.com/ZrTU3VK.jpeg"
alt="Chuck Taylor All Star Shoe"
style="margin-top: 10px"
/>

即使我设置了display: inline，垂直边距仍然有效

需要解释，谢谢!

Answer 1

因为

<img>为替换元素;它的显示值为inline by的默认维度，但其默认维度由嵌入的图像的内在价值，就像内联块一样。你可以设置像border/border-radius, padding/margin, width, height，

来源:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img