Css 为什么宽度/高度对内嵌img元素有效

我的理解是，内联元素通常不能使用CSS

width

和

height

属性来调整大小。内联

img

似乎是一个例外，您可以使用

width

和

height

调整它的大小

img {
  display: inline;
  height: 35px; // this works
}

我想了解这是否是一个

img

标签的特殊功能，或者是否有其他细微差别使它起作用

---

有人能告诉我一些描述这种行为的规范或文档吗？

一个

img

是一个内联替换的元素，与

span

不同，例如，它是一个内联未替换的元素，我们可以定义替换元素的宽度/高度。以下是规范的相关部分，定义了高度/宽度的行为

当谈到未替换的元素时，您会发现：

“宽度”属性不适用

“高度”属性不适用

---

同样的逻辑也适用于转换，我们可以将转换应用于

img

，而不是

span

相关的：

---

---

---

请注意，在中还提到，内联块替换的元素与内联替换的元素完全相同，因此将

内联

或

内联块

设置到img将不会有任何区别。

如果它变形。。您可以添加宽度：自动；这是因为图像可以调整大小