Подсказка для строки текста

Question

<td title="this is a really long line that I'm going to truncate">this is a really long line that I'm going to trunc ...</td> 

Это правильный способ сделать это?

Answer 1

Да, именно так вы должны назначать подсказки для элементов html. Я бы не использовал его на <td>. Хотя я не тестировал его, у меня возникает ощущение, что у вас могут возникнуть проблемы в некоторых браузерах, если вы используете их непосредственно в строках/ячейках таблицы, поскольку эти элементы имеют несколько другое поведение от других элементов. Вы должны использовать его на более «обычных» элементах, например <div>, <span>, <img> или < ввод >.

Answer 2

Атрибут title не работает внутри метки td. Заключите текст в тег диапазона вместо:

<td> 
    <span title="this is a really long line that I'm going to truncate">this is a really long line that I'm going to trunc ...</span> 
</td> 

Answer 3

Я согласен с @DrJokepu, атрибут title является способ сделать это, но, вероятно, не на TD элемент, попробуйте ABBR элемент, это то, что это для, или, в противном случае, просто SPAN, вероятно, лучше всего.

Answer 4

Максимальная длина названия. Это около 80 символов (проверено на FF2).

Так что если ваш текст действительно длинный, название не поможет. Существует несколько хороших подсказок подсказки css/javascript, которые будут показывать все, что вам нужно.

Answer 5

Как отформатировать текст, чтобы показать разрыв строки? В IE 7.0

<title="long line of text\nanotherlong line of text" /> 

работает как ожидалось, но в Firefix 3.01 «\ n» изменяется на пробел. Использование <br/> тоже не помогает.

Answer 6

FF2 имеет ошибку, предотвращающий его отображение длинных названий: https://bugzilla.mozilla.org/show_bug.cgi?id=45375

это не название атрибута ядра? Таким образом, это справедливо для почти всех тегов (несколько баров, например, html, head и т. Д.)

Answer 7

Я ценю, что в конечном итоге длинный перенос строк - это было просто то, что я хотел сделать крошечный бит форматирования строк включая разрывы строк. Независимо от того, :)

Answer 8

Если вы хотите какой-то контроля над подсказкой вы можете попробовать модифицировать это для ваших нужд css Tooltip