Перенос слов в таблицу HTML
, когда есть две переменные, одна переменная экземпляра и другая локальная переменная с тем же именем, мы используем это. для ссылки на текущий исполняемый объект, чтобы избежать конфликта между именами.
5 ответов
Таблицы переносятся по умолчанию, поэтому убедитесь, что отображение ячеек таблицы таблица-ячейка :
td {
display: table-cell;
}
Оказывается, хорошего способа сделать это нет. Самое близкое, что я пришел, - это добавить «переполнение: скрыто»; к div вокруг стола и теряет текст.
Однако настоящее решение, похоже, состоит в том, чтобы отказаться от стола. Используя div и относительное позиционирование, я смог добиться того же эффекта, за исключением наследия 2015 ОБНОВЛЕНИЕ: Это для тех, кто хочет получить такой ответ. Спустя 6 лет это работает, спасибо всем участникам. Долгий путь, но дважды проверьте с помощью Firebug (или аналогичного), что вы случайно не наследуете следующее правило: Это может перекрыть указанное вами поведение разрыва строки. или The following works for me in Internet Explorer. Note the addition of the
* { // this works for all but td
word-wrap:break-word;
}
table { // this somehow makes it work for td
table-layout:fixed;
width:100%;
}
white-space:nowrap;
<td style="word-break:break-all;">longtextwithoutspace</td>
<span style="word-break:break-all;">longtextwithoutspace</span>
table-layout:fixed CSS attributetd { border: 1px solid; }
LongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongWord
Похожие вопросы: