Могу ли я обернуть им текст?

Question

У меня есть изображение, установленное в стиле CSS на 100x75. Когда он не загружается, альтернативный текст загружается в пространство, но расширяет контейнер до ширины более 100 пикселей.

Как я могу предотвратить это? Либо отрезав, либо завернув.

Answer 1

Ну, я понял это в некоторой степени. Я просто завернул изображение в контейнер такого же размера. Я думаю, что мой браузер (Firefox) не переносил текст, потому что это был встроенный элемент.

Спасибо всем за ваши ответы.

Answer 2

В качестве альтернативы:

• Вы можете использовать overflow: hidden; для изображения. Это будет скрывать альтернативный текст, который пересекает границу изображения. Хотя это не обернет текст.
• также уменьшите размер альтернативного текста.

#idlogo img {    
    overflow: hidden;
    font-size: 10px;
}

Цель alt Text - сообщить программе чтения с экрана об изображении, поэтому я думаю, что уменьшение размера альтернативного текста и скрытие переполнения должны работать лучше всего. Но, конечно, избегайте использования очень длинного текста.

Answer 3

Как правило, нет способа контролировать отображение альтернативного текста, и большинство браузеров создают свою собственную версию (некоторые используют всплывающие подсказки, некоторые в строке состояния внизу). Вы не можете использовать разметку в альтернативных текстах, хотя некоторые браузеры представляют разрыв строки как разрыв строки (хотя большинство не будет). См. эту статью для более.

Answer 4

Атрибут alt для альтернативного текста; он должен быть кратким и описывать функцию, которую он имеет, или содержание, которое он представляет.

Вот хорошее прочтение на эту тему от Роджера Йоханссона на 456 Berea Street - Написание хорошего альтернативного текста

В общем, если вы пишете параграф, вы делаете это неправильно. Посмотрите на использование атрибута longdesc (который является ссылкой на страницу, описывающую изображение, которое дополняет альтернативный текст).

НТН

Answer 5

Для Firefox вы можете использовать атрибут align:left. Это предотвратит альтернативный текст вызвать проблему с выравниванием, но переполнит доступное пространство. И для этого вы можете использовать соответствующий атрибут font-size.

Answer 6

Просто не используйте альтернативный текст как можно дольше