Question

我在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;">

但是，当文本长于图像的尺寸时，它根本不显示。结果，它显示第一个图像而不显示第二个图像。如果文本更长，有没有办法在几行中显示文本，还是显示文本的第一部分？

已添加：Google Chrome会出现这种情况。对于Firefox，显示alt。

Answer 1

您的代码没有任何问题，这可能是webkit中的错误（Source）。 Chrome，Safari和其他webkit浏览器不会向您显示替代文字。你无能为力。即使您尝试使用 title 属性，它也无法正常工作。

Answer 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

长时间不显示img alt文本

2 个答案: