Мы знаем, как писать css для разрывов строк Div и неразрывов строк. Но для ячеек таблицы мы знаем только один атрибут, nowrap, который может предотвратить перенос. Недавно у меня возникла эта необходимость, но я обнаружил, что добавление nowrap в некоторых случаях по-прежнему вызывает разрывы строк! К сожалению, нет ли способа заставить не прерывать строки?
Как использовать CSS для реализации автоматического переноса строк или отсутствия переноса данных ячеек таблицы:
1. Принудительный разрыв строки:
＜тип стиля="текст/css"＞
.AutoNewline
{
разрыв слова: разрыв всего;/*обязательно*/
}
＜/стиль＞
<таблица>
＜тр＞
＜td class="AutoNewline"＞
автоматический перенос строки автоматический перенос строки автоматический перенос строки автоматический перенос строки автоматический перенос строки автоматический перенос строки автоматический перенос строки автоматический перенос строки автоматический перенос строки автоматический перенос строки автоматический перенос строки автоматический перенос строки автоматический перенос строки автоматический перенос строки автоматический перенос строки автоматический перенос строки автоматический перенос строки автоматический перенос строки автоматический перенос строки автоматический перенос строки автоматический перенос строки автоматический перенос строки автоматический перенос строки автоматический перенос строки автоматический перенос строки автоматический перенос строки автоматический перенос строки автоматический перенос строки автоматический перенос строки автоматический перенос строки
＜/тд＞
＜/тр＞
＜/таблица＞
2. Не допускайте разрывов строк:
＜тип стиля="текст/css"＞
.NoNewline
{
разрыв слова: сохранить все;/*обязательно*/
}
＜/стиль＞
<таблица>
＜тр＞
＜td class="NoNewline"＞Нет разрыва строки, нет разрыва строки, нет разрыва строки, нет разрыва строки, нет разрыва строки, нет разрыва строки, нет разрыва строки, нет разрыва строки, нет разрыва строки, нет разрыва строки＜/td ＞
＜/тр＞
＜/таблица＞