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

Question

<img>元素块级别还是内联级别？我在某个地方读过<img>元素的行为类似于两者。如果是正确的话，谁能用例子来解释一下吗？

Answer 1

的确，它们都是-或者更准确地说，它们是“内联块”元素。这意味着它们像文本一样在行内流动，但也有像块元素一样的宽度和高度。

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

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

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