1. Вы задаете ширину таблицы, то есть задаёте таблице значение ширины (числовое значение, а не процентное)
2. Принудительно не переносить
div{
//пробелы: нет переноса строк; нормальное значение по умолчанию; nowrap заставляет весь текст отображаться в одной строке до тех пор, пока текст не закончится или не встретится объект br.
пробел: Nowrap;
Автоматически переносить
div{
word-wrap:break-word;
//word-break устанавливает принудительные разрывы строк для азиатских и неазиатских языков, разрешая разрывы строк внутри слов;
разрыв слова: нормальный;
}
Принудительно разрыв строки английского слова
div{
слово-брейк:брейк-все;
}
3. Подводя итог, можно сказать, что пока следующие предложения определены в CSS, можно гарантировать, что веб-страница не будет открыта снова.
таблица {таблица-макет: исправлено;}
td(word-break:break-all; word-wrap:break-word;)
Комментарии:
1. Первая таблица{table-layout: fix;}, этот стиль может автоматически сделать таблицу!!!(восклицательный знак) обернуть символы.
2.td{word-break: Break-all}, как правило, это предложение можно использовать, но в некоторых особых случаях оно все равно будет прерываться, поэтому вам необходимо добавить следующее предложение (перенос слов: разрыв-слово;) Это можно решить. Этот стиль позволяет автоматически переносить некоторые последовательные английские слова в таблице.
http://www.knowsky.com/
(1) Грамматика:
разрыв слова: нормальный | разрыв всех | сохранить все
Параметры:
нормальный: согласно текстовым правилам азиатских и неазиатских языков переносы строк внутри слов допускаются.
Break-all : поведение такое же, как обычное для азиатских языков. Разрывы внутри любого слова строки текста неазиатского языка также допускаются. Это значение подходит для текста на азиатском языке, который содержит неазиатский текст.
Keep-all: То же самое, что и для всех неазиатских языков. В китайском, корейском и японском языках разрывы слов не допускаются. Подходит для неазиатского текста, содержащего небольшое количество азиатского текста
(2). Синтаксис:
перенос слов: нормальный |
параметры разрыва слова:
нормальный: разрешить содержимому выходить за указанную границу контейнера.
Break-word : Контент будет выходить за пределы границ. При необходимости также происходит разрыв слова.
Описание:
Устанавливает или получает, следует ли разрывать строку, когда текущая строка выходит за границу указанного контейнера.
Соответствующая функция сценария — перенос слов. Пожалуйста, посмотрите другие книги, которые я написал.
(3) Синтаксис:
макет таблицы: auto | фиксированные
параметры:
auto: автоматический алгоритм по умолчанию. Макет будет основан на содержимом каждой ячейки. Таблица не будет отображаться до тех пор, пока каждая ячейка не будет прочитана и вычислена. Очень медленно
исправлено: фиксированный алгоритм компоновки. В этом алгоритме горизонтальная разметка основана только на ширине таблицы, ширине границы таблицы, расстоянии между ячейками и ширине столбцов и не имеет ничего общего с содержимым таблицы
:
Как сделать перенос таблицы автоматически?
Устанавливает или получает алгоритм макета таблицы.
Соответствующий атрибут сценария — tableLayout.
4. Согласно большинству статей в Интернете, достаточно добавить:
код
.......
Код:
таблица {<br />
table-layout:fixed;word-break:break-all;word-wrap:break-word;}<br />
div{word-break:break-all;word-wrap:break-word;}
Это может решить проблему сломанных таблиц и слоев. Это то, что я сделал сначала. Однако такой код вызовет проблемы. Вы обнаружите, что все английские слова обрезаны, что не соответствует привычкам английского письма и не способствует чтению.
Позже я обнаружил, что, переписав приведенный выше код, я могу предотвратить разрушение как таблиц/слоев, так и слов.
следующее:
КодКод
:
стол {
макет стола: фиксированный;
перенос слов:перенос слова;
}
дел {
перенос слов:перенос слова;
}
Этот код я использую и сейчас.