Ответ 1
Вам нужно добавить свойство CSS3 word-wrap: break-word;
.
У меня есть таблица html, и один столбец (или <td>
) содержит очень длинные слова. Я хочу установить максимальную ширину столбца, так что если текст длиннее, чем максимальная ширина, текст должен автоматически переноситься на следующую строку. Я попытался установить стиль css max-width
в соответствующем элементе <td>
с "max-width:100px"
, но он не работает. Текст по-прежнему очень длинный и не автоматически завершается в следующую строку.
Любые идеи, что не так, или любой ссылочный код решения? Я использую IE 8 в Windows 7.
Вам нужно добавить свойство CSS3 word-wrap: break-word;
.
Вы можете поместить div внутри своих ячеек таблицы.
Ничто внутри этого div не будет растягивать ячейку таблицы.
Отлично работает в IE8 и Chrome.
Старый html td width будет работать в IE 8 для этого... Но вам нужна максимальная ширина, а не ширина... помимо дополнительного атрибута html, необходимого для каждой ячейки.
<td nowrap="wrap" style="width:100px;"></td>
Все браузеры..
К сожалению, вы должны обрабатывать содержимое каждой ячейки, чтобы сохранить фиксированную ширину всей таблицы. Существует атрибут width, но он ничего не контролирует.