img alt 文本过长时不显示答案

【问题标题】：img alt text is not displayed when it is longimg alt 文本过长时不显示
【发布时间】：2013-12-14 10:47:04
【问题描述】：

我在 html 电子邮件中有两张图片。未显示图像时，应显示替代文本。对吧？

  <img src="invalid url" border="0" alt="AAA BBBB AAA BBBB 123456789" style="width:237px;height:100px;">
  <img src="invalid url" border="0" alt="AAA BBBB AAA BBBB 1234567890" style="width:237px;height:100px;">

但是，当文本比图像的尺寸长时，它根本不会显示。结果，它会显示在第一张图像中，而不会显示在第二张图像中。如果文本较长，有什么办法可以分几行显示，或者显示文本的第一部分？

补充：谷歌浏览器会发生这种情况。对于 Firefox，会显示 alt。

【问题讨论】：

我可以看到两张图片的替代文字。您能否提供浏览器详细信息，您遇到的问题在哪里？
刚刚在问题中添加了粗体文本。 FF显示它很好。 Chrome 是个问题。
请参考给定的 [Link][1] [1]: stackoverflow.com/questions/5386570/… 似乎这是 chrome 的问题。

标签： html css image width alt

【解决方案1】：

您的代码没有任何问题，这可能是 webkit 中的错误 (Source)。 Chrome、Safari 和其他 webkit 浏览器不会显示替代文本。您对此无能为力。即使您尝试使用 title 属性，它也不起作用。

【讨论】：

【解决方案2】：

假设您可以在新行中中断 alt 文本（意味着它不是动态生成的），在新行中包含 alt 文本的简单想法是：

<img src="foo.jpg" alt="Line 1
Line 2" /> <br > // new line here is next line for alt text

所以对于你的情况：

<img src="invalid url" border="0" alt="AAA BBBB 
AAA BBBB 
123456789" style="width:237px;height:100px;">

参考：Newline in alt text

【讨论】：

谢谢。但是，在我的情况下，它不起作用，因为生成了替代文本（取自数据库）。是否可以仅使用 css / html 解决此问题？谢谢。
恐怕这是不可能的（至少据我所知）......因为即使<br> 不被接受为<alt> 字符串中的标签！ :(
@Haradzieniec : 看起来像一些webkit 问题，如果有帮助请检查一下stackoverflow.com/questions/5386570/…
我很惊讶，即使在 2013 年，我也不知道 1990 年代这些基本 html 事物的行为对于不同的浏览器是如此不同。
哈哈..不能再同意了，先生....bhvr 正在改变...webkit,moz 然后是噩梦 IE！ ;)