html - 显示 "alt"文本时的 Internet Explorer img 宽度

Question

我创建了以下 jsfiddle 作为示例来说明我在 IE 中看到的问题。在 IE 中，如果 <img>标签有一个无效的 src，然后根据 alt 计算宽度(以某种方式)属性。在其他浏览器中，情况似乎并非如此。

http://jsfiddle.net/DLrHL/2/

检查多个浏览器、Chrome、FF、IE、Safari - Chrome、FF 和 Safari 的行为是否相同 - img与 alt标签的大小与没有标签的大小没有区别。但是 IE 改变了 img 的宽度很大程度上取决于 alt 的长度.

有什么方法可以让 IE 像其他浏览器一样运行吗？ (至少在这方面)

编辑:

我想要的是，如果图像可用，它应该使用我在 css 中指定的高度并自动设置宽度。如果图片不可用，我不关心高度，但宽度应该正好是替代文本所需的宽度。

Answer 1

如果您事先知道图像的大小，那么您可以指定图像的宽度，这对我来说解决了 IE 的问题。

我这样改变了宽度:

img {
    width: 128px; /* the width has been specified */
    height: 128px;
    border: 1px solid rgb(204, 204, 204);
}

jsfiddle 链接:http://jsfiddle.net/DLrHL/3/