即使没有加载图像，如何强制<img/>占用宽度

Question

我正在加载一堆img，我希望它们占用文档的空间，即使它们没有加载，或者还没有完成加载。

我尝试指定宽度和高度（两者都作为属性本身，并在样式属性中），并且发现如果图像不加载则不会占用空间令人沮丧。

当然，必须有一种方法可以将img强制为特定尺寸，即使该图像无法加载也是如此。

由于

Answer 1

当然有：

<img src="path/to/image.png" height="50" width="20" />

此外，指定style="/* css */"属性中的宽度和高度的原因不起作用是因为默认情况下，图像是内嵌元素。如果您指定了display: block，则图片会接受width和height值。

如果你添加到css / style：

display: inline-block;

它应该工作。我不确定为什么 Firefox不尊重宽度/高度属性，但仍然如此。即使IE已定义doctype，也应该尊重display: inline-block，因为默认情况下，img元素无论如何都是内联的。

Answer 2

简单的答案：将图像包装在具有固定宽度的<div>中。

<div style="width: 400px;"><img src="404.png" /></div>

如果你将填充，边框等设置为0，你就不会注意到div就在那里。