html img标签有错误 - FF显示问题

Question

我正在使用Html img标签：

<img src="url_to_some_pic" alt="alternative error message"
    width="300" height="300">
</img>

如果破坏了网址Chrome＆amp; IE在内部显示此错误消息 图像原点尺寸但不是FF。

在FF中发生的是FF显示错误消息但是 在一行而不在图像区域内（300 x 300）。

任何人都知道如何解决这个问题？

我猜css将是解决方案但是如何？

谢谢，

约翰。

Answer 1

每个浏览器都以自己的方式处理alt，并且没有一致的格式化方法。 我会考虑将你的图像放入容器中。

至少这种方式alt总是放在左上角。

http://jsfiddle.net/WjKxN/1/

HTML：

<div id='image'>
    <img src="url_to_some_pic" alt="alternative error message" width="300" height="300">
</div>

CSS：

#image {
    width: 300px;
    height: 300px;
    border: 1px solid black;
}

Answer 2

您有标记错误。 img标签是一个自动关闭标签。你应该这样使用它：

<img src="url_to_some_pic" alt="alternative error message"
width="300" height="300" />

那应该可以解决你的问题。但是，也许最好知道为CSS添加宽度和高度的更好和更标准的方法是使用CSS，如：

<img src="url_to_some_pic" alt="alternative error message"
style="height: 300px; width: 300px;" />