我创建了以下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中指定的高度并自动设置宽度。如果图像不可用,我不在乎高度,但是宽度应该恰好是alt文本所需的宽度。

最佳答案

如果您事先知道图像的大小,则可以使用IE指定图像的宽度,从而解决了我的问题。

我这样改变宽度:

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


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

10-01 05:03
查看更多