img альтернативный текст не отображается, когда он длинный

У меня есть два изображения в 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.


image html css width alt
person Haradzieniec    schedule 28.11.2013    source источник
comment
Я вижу альтернативный текст для обоих изображений. Можете ли вы предоставить информацию о браузере, где вы столкнулись с проблемой?   -  person Kishori    schedule 28.11.2013
comment
Просто добавил жирный текст к вопросу. ФФ показывает нормально. Хром - проблема.   -  person Haradzieniec    schedule 28.11.2013
comment
Пожалуйста, обратитесь к [Ссылка] [1] [1]: stackoverflow.com/questions/5386570/ похоже, это проблема с chrome.   -  person Kishori    schedule 28.11.2013

Ответы (2)


arrow_upward
1
arrow_downward

Предполагая, что вы можете разбить текст 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;">

Ссылка: новая строка в замещающем тексте

person NoobEditor    schedule 28.11.2013
comment
Спасибо. Однако в моем случае это не работает, так как генерируется альтернативный текст (берется из БД). Можно ли это исправить только с помощью css/html? Спасибо. - person Haradzieniec; 28.11.2013
comment
Боюсь, что это невозможно (по крайней мере, насколько мне известно)....потому что даже <br> не принимается в качестве тега в строке <alt>! :( - person NoobEditor; 28.11.2013
comment
@Haradzieniec: похоже на проблему webkit, проверьте это, если это поможет stackoverflow.com/questions/5386570/ - person NoobEditor; 28.11.2013
comment
Я удивлен, что не знал, что поведение таких простых HTML-вещей из 1990-х годов настолько отличается для разных браузеров даже в 2013 году. - person Haradzieniec; 28.11.2013
comment
ха-ха...не могу согласиться, сэр....bhvr меняется...webkit,moz а потом кошмар IE! ;) - person NoobEditor; 28.11.2013

arrow_upward
2
arrow_downward

В вашем коде все в порядке. Возможно, это ошибка в webkit (Источник) . Chrome, Safari и другие веб-браузеры не будут отображать альтернативный текст. Вы ничего не можете сделать для этого. Даже если вы попытаетесь использовать атрибут title, это не сработает.

person shriidhar    schedule 28.11.2013