Почему моя html-таблица "max-width" не вызывает обтекание текста?

У меня есть таблица html, и один столбец (или <td>) содержит очень длинные слова. Я хочу установить максимальную ширину столбца, так что если текст длиннее, чем максимальная ширина, текст должен автоматически переноситься на следующую строку. Я попытался установить стиль css max-width в соответствующем элементе <td> с "max-width:100px", но он не работает. Текст по-прежнему очень длинный и не автоматически завершается в следующую строку.

Любые идеи, что не так, или любой ссылочный код решения? Я использую IE 8 в Windows 7.

Ответ 1

Вам нужно добавить свойство CSS3 word-wrap: break-word;.

Ответ 2

Вы можете поместить div внутри своих ячеек таблицы.

Ничто внутри этого div не будет растягивать ячейку таблицы.

Отлично работает в IE8 и Chrome.

Ответ 3

Старый html td width будет работать в IE 8 для этого... Но вам нужна максимальная ширина, а не ширина... помимо дополнительного атрибута html, необходимого для каждой ячейки.

Ответ 4

<td nowrap="wrap" style="width:100px;"></td>

Все браузеры..

К сожалению, вы должны обрабатывать содержимое каждой ячейки, чтобы сохранить фиксированную ширину всей таблицы. Существует атрибут width, но он ничего не контролирует.