Как использовать CSS для решения проблемы автоматического переноса строк английских слов

Предотвратите разрыв таблиц/слоев и разрушение слов

Можно сказать, что проблема автоматического переноса строк английских слов замучила многих. Если слово пишется долго, то таблица будет разбита, но если его игнорировать, английские слова разобьются.

Предотвратить разрыв формы

Эту проблему упоминали многие люди, и позже я решил ее в ранней версии, но из-за нее английские слова разбивались и переносились на новые строки, поэтому, когда я создавал новый шаблон, я не добавлял CSS-код. контролировать это. Я попробовал это сегодня и обнаружил, что решение очень простое.

Согласно большинству статей в Интернете, достаточно добавить:
код
...........

стол {

table-layout:fixed;word-break:break-all;word-wrap:break-word;}

div{word-break:break-all;word-wrap:break-word;}

Это может решить проблему сломанных таблиц и слоев. Это то, что я сделал сначала. Однако такой код вызовет проблемы. Вы обнаружите, что все английские слова обрезаны, что не соответствует привычкам английского письма и не способствует чтению.

Позже я обнаружил, что, переписав приведенный выше код, я могу предотвратить разрушение как таблиц/слоев, так и слов.
следующее:
код

стол {
макет стола: исправлен;
перенос слов:перенос слова;
}
дел {
перенос слов:перенос слова;
}

Это также код, который я использую сейчас.
-------------------------------------------------- ---

Согласно китайскому руководству CSS2 Райнера Су.

версия с разрывом слов: наследование собственных свойств IE5+: да Синтаксис:
слово-брейк: нормальный | брейк-все |
Ценить:
нормальный: значение по умолчанию. Разрешить разрывы строк между словами
Break-all : такое поведение обычное для азиатских языков. Разрывы внутри любого слова строки текста неазиатского языка также допускаются. Это значение подходит для текста на азиатском языке, который содержит неазиатский текст.
Keep-all: То же самое, что и для всех неазиатских языков. В китайском, корейском и японском языках разрывы слов не допускаются. Подходит для неазиатского текста, содержащего небольшое количество азиатского текста.

проиллюстрировать:
Устанавливает или извлекает поведение переноса внутри слова для текста внутри объекта. Особенно когда появляется несколько языков.
Для китайского языка следует использовать Break-All.
Это свойство доступно только для чтения для объекта currentStyle. Он доступен для чтения и записи другими объектами.
Соответствующая функция сценария — wordBreak.
Пример:
div {разрыв слова: разрыв всех};
Применяется к:
IE5.0+

версия с переносом слов: наследование собственных свойств IE5.5+: да Синтаксис:
перенос слов: нормальный | разрыв слова
Ценить:
нормальный: значение по умолчанию. Разрешить выход содержимого за пределы указанных границ контейнера
Break-word : Контент будет выходить за пределы границ. При необходимости также произойдет разрыв слова.

проиллюстрировать:
Задает или получает, следует ли разрывать строку, когда текущая строка выходит за границу указанного контейнера.
Это свойство работает только с объектами макета, такими как объекты блоков. Чтобы использовать этот атрибут для встроенных элементов, необходимо сначала установить атрибут высоты или ширины объекта, либо установить для атрибута позиции значение абсолютное, либо установить для атрибута отображения значение Block.
Это свойство доступно только для чтения для объекта currentStyle. Он доступен для чтения и записи другими объектами.
Соответствующая функция скрипта — wordWrap.
Пример:
div { перенос слов: разрыв слова; разрыв слова: разрыв всех };

Обратите на это внимание
Break-word : Контент будет выходить за пределы границ. При необходимости также произойдет разрыв слова.

Так что переноса по словам достаточно. По умолчанию слова не будут разбиваться на новые строки. Однако, если есть очень длинное слово, например неправильная версия 12 самых страшных английских слов в истории, строки также будут разбиты. предотвращает повреждение формы.
Однако w3c не принимает этот атрибут в качестве стандарта CSS2, поэтому Mozilla не поддерживает этот атрибут. Если все пишут английские слова хорошо, Firefox не будет разбивать слова и переносить их в новые строки. Словом, Mozilla Firefox будет. Он не нарушит линию и сломается.
Я не знаю, примет ли CSS3 этот атрибут, но, честно говоря, слова, которые слишком BT, лучше…