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

EN

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

在CSS中，您可以将元素设置为display: inline-block，使其复制图像的行为*。

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

*请注意，浏览器在技术上使用display: inline (如开发人员工具中所示)，但它们对图像进行了特殊处理。他们仍然遵循inline-block的所有特征。

IMG元素是内联的，这意味着除非它们是浮动的，否则它们将与文本和其他内联元素一起水平流动。

它们是“块”元素，因为它们有宽度和高度。但在这方面，它们的行为更像是“内联块”。

对于几乎所有的目的，都可以将它们看作是一个设置了宽度的内联元素。基本上，您可以使用CSS自由地指定图像的显示方式。我通常设置一些图像类，如下所示：

img.center {display:block;margin:0 auto;}

img.left {float:left;margin-right:10px;}

img.right  {float:right;margin-left:10px;}

img.border  {border:1px solid #333;}