html - 如何强制 <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 不遵守宽度/高度属性，但仍然如此。即使是具有定义的 doctype 的 IE 也应该遵守 display: inline-block，因为 img 元素在默认情况下无论如何都是内联的。