2012-01-22 4 views
1

Firefox не обернуть слова в atitle атрибута:Обертывания названия атрибут

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

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

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

но это не сработало.

Хром, вместо этого, автоматически обертывается.

+2

Thats до веб-браузера. Вы считали, что пишете свою собственную подсказку? –

+0

Хорошее решение, я об этом не думал. – Simon

ответ

2

Нет, вы не можете заставить Firefox отклоняться от способа визуализации значений атрибутов title; ср в How can I use a carriage return in a HTML tooltip?

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

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

+0

Подсказка, которую я проделал, отлично подходит для меня. Спасибо за ссылку «возврат каретки», я об этом не думал. – Simon

2

Для чего это стоит, только часть HTML5 specifications, которая занимается переносы строк в title атрибутов гласит:

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

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

+0

Это работает в Chrome, Firefox и IE с 2014/08! В атрибуте title используйте . Будьте осторожны, IE обертывает всплывающие подсказки по названию самостоятельно, поэтому, вероятно, лучше сначала проверить, как выполняется упаковка, и «эмулировать» ее, помещая переводы строк в одни и те же места, чтобы избежать лишних строк в IE. –

0

Использование спасся п, например:

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