div реализует CSS для автоматического переноса строк длинных английских букв.

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

Лучшее определение переноса строк в CSS.

code.wrap {. макет таблицы: исправлено; разрыв слов: переполнение: скрыто };
Здесь переполнение: скрытое или автоматическое;
=============================================== ===============

Для элементов уровня блока, таких как div и p, перенос строки элементов обычного текста (азиатского текста и неазиатского текста) имеет пробел по умолчанию: нормальный, и он автоматически переносится после определенной ширины.
HTML

1. (браузер IE) Для непрерывных английских символов и арабских цифр используйте перенос по словам: Break-word; или word-break:break-all для достижения принудительной строки; разрыв

#wrap{word-break:break-all; ширина:200 пикселей;}
или
#wrap{word-wrap:break-word; width:200px;}

Эффект: можно добиться разрыва строки.

2. (Браузер Firefox) Разрыв непрерывных английских символов и арабских цифр. , все версии Firefox не решают эту проблему. Мы можем только скрыть символы за границей или добавить в контейнер полосы прокрутки.

#wrap{word-break:break-all; width:200px; overflow:auto;}

Эффект: контейнер нормальный, а содержимое

таблицы

http://www.knowsky.com/
1. (браузер IE) Используйте table-layout:fixed; чтобы принудительно увеличить ширину таблицы и скрыть лишнее содержимое

Эффект: скрыть избыточное содержимое.

2. (браузер IE) используйте table-layout: fix; внутренний td, th использует word-break:break-all или word-wrap:break; -word ;Разрыв строки

Эффект: возможен перенос строк

3. (браузер IE) Вложение div, p и т. д. в td, th использует метод переноса строк div и p, упомянутый выше

4. (браузер Firefox) Использование table-layout: исправлено ;Принудительно увеличивая ширину таблицы, внутренний td,th использует word-break:break-all; или word-wrap:break-word; для переноса строки используйте overflow:hidden, чтобы скрыть лишнее содержимое, overflow:auto; ; здесь не работает

Эффект: скрыть больше, чем контент.

5. (Браузер Firefox) Вложите элементы div, p и т. д. в td, th. Используйте метод, упомянутый выше, для работы с Firefox, чтобы запустить окно кода. Наконец, вероятность этого явления. происходит очень мало, но нельзя исключать шалости пользователей сети.

Ниже приводится эффект упомянутого примера

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional. дтд ">
http://www.w3.org/1999/xhtml ">
<голова>