<img>元素块级别还是内联级别?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (140)

我在某个地方读过<img>元素的行为都类似于两者。如果是正确的话,谁能用例子来解释一下吗?

提问于
用户回答回答于

它们是“内联块”元素。这意味着它们以文本的形式向内流动,但也具有块元素的宽度和高度。

在css中,可以将元素设置为display: inline-block让它复制图像的行为

图像和对象也被称为“替换”元素,因为它们本身没有内容,因此元素本质上被二进制数据所取代。

注意,浏览器在技术上使用display: inline(从开发工具中可以看到),但是他们对图像给予了特殊的处理。他们仍然遵循inline-block.

用户回答回答于

img元素是replaced inline element.

它的行为就像内联元素(因为它是),但是一些关于内联元素的概括并不适用于IMG元素。

G.

概括:“宽度不适用于内联元素”

规范实际上是这样说的:“适用于:除未替换的内联元素、表行和行组之外的所有元素”。

因为图像是一个替换的内联元素,所以它确实适用。

扫码关注云+社区