Question

所有内联元素均不遵守width值，它们仅采用所需的宽度。为什么img标签不是这种情况？将显示设置为嵌入式图像后，将遵守html中指定的宽度值。 https://www.w3schools.com/code/tryit.asp?filename=FYECKCZDC3GO

HTML

<!DOCTYPE html>
<html>
  <body>
    <img src="smiley.gif" style="display:inline;" alt="Smiley face" width="420" height="42">   
  </body>
</html>

我的问题是，默认情况下是否具有span标记，现在您要为其添加宽度，因为span是嵌入式的，所以它将没有任何渲染差异。为什么图像不一样？

Answer 1

如果元素表示图像，则期望用户代理将元素视为替换的元素，并根据CSS中定义的规则渲染图像。

Height属性适用于替换的内联元素。

更多内容可以在这里阅读：