В этой статье перечислены рекомендуемые стили CSS для разрывов строк, совместимые с IE и FF, а также подробно описаны различия между переносом слов и разрывом слов. Рекомендуемые стили CSS для разрывов строк, совместимые с IE и FF:
лучший способ — это.
word-wrap:break-word; overflow :hidden;
вместо
word-break:break-all;
ни
word-wrap:break-word;,
это лучший способ. в IE это не проблема. В FF длинная строка английских слов будет заблокирована.
Техническое описание:
перенос слов используется для управления разрывами строк.
При использовании слова разрыва строки переносятся принудительно. , и с английскими предложениями проблем нет. Но если вы объединяете английские слова, это не сработает.
Разбивать слова
- это нормальная ситуация, английские слова не разбиваются на части
,
не разбиваются.слова. Когда слово достигает границы, следующая буква автоматически переходит к следующей строке. В основном решает проблему длинных строк английских слов
- все относится к непрерывным словам китайского, японского и корейского языков. на этот раз без переноса по словам, и китайский язык не будет переноситься (английские предложения являются нормальными. .)
В IE:
Используйте перенос по словам: Break-Word;
В FireFox:
Если эти два не используются, они будут
.С китайским не будет проблем. С английскими предложениями проблем не будет. Однако с длинными строками в английском языке возникнут проблемы
. Обычно используется ; Однако этот метод приведет к разрыву слов в обычных английских предложениях (IE. То же самое происходит и ниже).
Основная проблема заключается в том, что длинные строки английских и английских слов не связаны. строка английского языка — это просто относительно длинное слово. То есть следует ли отключать английские слова? Проблема очевидна, и ее, очевидно, не следует отключать. Для длинных строк английского языка, которые являются вредоносными вещами, естественно, не нужно беспокоиться об этом. Однако мы также должны подумать о некоторых способах предотвращения расширения контейнера. .
Использование: overflow: auto; В IE длинные строки будутавтоматически переноситься
.
Wrap:break -word;word-break:break-all;.
word-wrap:break-word;overflow:auto; В IE нет проблем, часть длинной строки будет скрыта.