Перенос слов в таблицу HTML
Я используюword-wrap: break-word
обернуть текст вdiv
с иspan
s. Однако это, похоже, не работает в ячейках таблицы. У меня есть столwidth:100%
, с одной строкой и двумя столбцами. Текст в столбцах, хотя стиль вышеword-wrap
не переносит. Это заставляет текст проходить границы ячейки. Это происходит в Firefox, Google Chrome и Internet Explorer.
Вот как выглядит источник:
td {
border: 1px solid;
}
<table style="width: 100%;">
<tr>
<td>
<div style="word-wrap: break-word;">
Looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong word
</div>
</td>
<td><span style="display: inline;">Short word</span></td>
</tr>
</table>
Длинное слово выше превышает границы моей страницы, но не нарушает приведенный выше HTML. Я пробовал приведенные ниже предложения по добавлениюtext-wrap:suppress
а такжеtext-wrap:normal
, но ни один не помог.