我创建了以下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/