2013-08-10 6 views
5

Пользователи могут вводить текст в определенной форме, и я хочу отобразить этот текст в формате таблицы. Но иногда пользователи вводят действительно длинные строки без пробелов. Поэтому текст заставляет таблицу быть слишком широким.Сделайте длинную строку переноса символов в HTML

Я могу ограничить элемент td, чтобы иметь max-width, но затем текст продолжает течь по другим ячейкам. Затем я могу установить overflow: hidden, и текст просто отключается: enter image description here

Но мне нужно уметь читать все. Есть ли способ обернуть длинную строку текста в таблицу, даже если в тексте нет пробелов?

+1

Вы можете использовать [ 'слово-брейк: прорывы word; '] (http://www.w3.org/TR/css3-text/#word-break) – Adrift

+0

Свойство css text-wrap: http://www.w3schools.com/cssref/css3_pr_text-wrap.asp – Bnjmn

+0

@Bnjmn - 'text-wrap' не поддерживает браузер! –

ответ

14

Попробуйте добавить это в файл CSS на элементе, который требует от него:

word-wrap:break-word; 

Здесь в действии:

Working example

+0

именно то, что я искал! –

+0

@ Давай, если я хочу обернуть на место и какой-то другой особый персонаж, не сломав слово – Varun

+0

, это здорово .работано для меня. –

Смежные вопросы