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