Question

我读过<img>元素就像两者一样的地方。如果正确，有人可以用例子解释一下吗？

Answer 1

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

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

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

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

Answer 2

img元素是replaced inline element。

它的行为类似于内联元素（因为它是），但有关内联元素的一些概括不适用于img元素。

e.g。

泛化：“宽度不适用于内联元素”

规范的实际内容是：“适用于：所有元素，但未替换的内联元素，表格行和行组”

由于图像是替换的内联元素，因此适用。

Answer 3

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

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

Answer 4

对于几乎所有目的，将它们视为具有宽度设置的内联元素。基本上，您可以自由决定如何使用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;}

Answer 5

无论何时插入图像，它都会占用图像最初的宽度。您可以在其旁边添加任何其他html元素，您将看到它将允许它。这使得图像成为“内联”元素。

Answer 6

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

Answer 7

<img> 是替换元素；默认情况下，它的显示值为 inline，但其默认尺寸由嵌入图像的内在值定义，就像 inline-block 一样。您可以在图像上设置边框/边框半径、内边距/边距、宽度、高度等属性。

替换元素 ：它们是内容不受当前文档样式影响的元素。使用 CSS 可以影响被替换元素的位置，但不会影响被替换元素本身的内容。

参考：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img

Answer 8

The 被视为内联元素，因为它允许其他元素（包括它自己）也位于同一行。它还可以具有一些块功能，例如宽度和高度的样式。但是您可以通过将 CSS 中元素的 display 属性设置为 'inline-block' 来更改它。那是： img {display:inline-block;}

Answer 9

是一个内联元素..但是在 css 中你可以简单地改变它：- img{display:inline-block;} 要么 img{display:inline-block;} 要么 img{display:inliblock;}

Answer 10

表现为 inline-block 元素，因为它允许同一行中的其他图像，即内联，我们还可以更改图像的宽度和高度，这是块元素的属性。因此，同时提供行内元素和块元素的特性。

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

10 个答案: