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

0

У меня два изображения в html-письме. Когда изображения не отображаются, ожидается, что будет показан текст alt. Правильно?

  <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.

  • 0
    Я вижу альтернативный текст для обоих изображений. Можете ли вы предоставить данные браузера, где вы столкнулись с проблемой?
  • 0
    Просто добавил жирный текст к вопросу. FF показывает это нормально. Хром это проблема.
Показать ещё 1 комментарий
Теги:
image
width
alt

2 ответа

1
Лучший ответ

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

Ссылка: Новая строка в альт-тексте

Поделиться
  • 0
    Спасибо. Тем не менее, в моем случае это не работает, поскольку генерируется альтернативный текст (взят из базы данных). Можно ли это исправить только с помощью css / html? Благодарю.
  • 0
    боюсь, что это невозможно (по крайней мере, насколько мне известно) .... потому что даже <br> не принимается в качестве тега в строке <alt> ! :(
Показать ещё 3 комментария
1

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

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню