问题描述
我在某处读到过，由于图像是内联元素，因此无法为其添加边距。使用以下代码，我能够为我的图像添加边距。为什么会这样？
img {
width: 200px;
margin: 100px;
}
<div>
<img src="https://picsum.photos/200/300" alt="" />
</div>
解决方法
因为 <img> 是一个被替换的元素；默认情况下，它的显示值为 inline，但其默认尺寸由嵌入图像的内在值定义，就像 inline-block 一样。您可以在 <img> 上设置边框/边框半径、内边距/边距、宽度、高度等属性。
