Атрибут обтекания заголовка

Question

Firefox не переносит слова в атрибут a title:

<a title="longword"></a>

Есть ли способ сделать перенос слов в этом случае?Я пробовал с:

<a title="longword" style="word-wrap:break-word;"></a>

, но это не работает.

Chrome, вместо этого, автоматически переносит.

Answer 1

Нет, вы не можете заставить Firefox отклоняться от способа отображения title значений атрибутов; ср на Как использовать возврат каретки в подсказке HTML?

Подсказки, созданные с использованием атрибутов title, имеют сомнительную применимость (крошечный шрифт, который не может быть легко увеличен пользователем; исчезновение через несколько секунд и т. Д.), Поэтому они подходят (в лучшем случае) для коротких рекомендательных заголовков ( в основном для ссылок), которые не вызывают необходимость в упаковке.

Для более длинных подсказок рассмотрите использование методов CSS. Или просто вставьте подсказку в текст.

Answer 2

Что стоит, единственная часть HTML5 спецификаций , которая имеет дело с переносами строк в title состояниях атрибутов:

Если значение атрибута title содержит U+000A LINE FEED (LF) символов, содержимое разбивается на несколько строк. Каждый символ U+000A LINE FEED (LF) представляет разрыв строки.

Таким образом, вы могли бы разбить атрибут title на стороне сервера, хотя это вряд ли будет желательным решением. В качестве альтернативы вы можете попробовать вставить пробелы нулевой ширины , хотя поддержка браузера для этого также может быть несовместимой.

Answer 3

Используйте экранированный n, например:

<input type="text" title="first line \n second line"></input>