<body style="direction: ltr;" leftmargin="2" topmargin="0" oncontextmenu="return false" ondragstart="return false" onselectstart="return false" onselect="document.selection.empty()" oncopy ="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()"marginheight="0" marginwidth="0">Удалить программу копирования правой кнопкой мыши В этой статье рассказывается, как использовать CSS для автоматического переноса текста на английском языке. Все знают, что непрерывный английский текст или цифры могут привести к расширению контейнера и не могут автоматически переноситься в соответствии с размером контейнера. Вот как CSS может автоматически переносить их. Все знают, что непрерывный английский или цифры могут привести к расширению контейнера и не могут автоматически переноситься в соответствии с размером контейнера. Вот как CSS может автоматически их переносить! Для Div, table и разных браузеров методы реализации автоматического переноса строк CSS немного отличаются. Они представлены ниже: для div 1. (браузер IE) пробел:нормальный; word-break:break-all здесь соответствует стандарту: div css xhtml xml Пример исходного кода Пример исходного кода [www.52css.com] или: #wrap{word-break:break-all;width:200px;} Эффект: может быть достигнут автоматический перенос строк. 2. (Браузер Firefox) white-space:normal; word-break:break-all;overflow:hidden; Нет хорошего метода реализации в том же FF. Вы можете только скрыть или добавить полосы прокрутки, но, конечно, без полос прокрутки. .Эффект лучше! div css xhtml xml Пример исходного кода Пример исходного кода [www.52css.com] или: #wrap{word-break:break-all;width:200px; overflow:auto; Эффект: Контейнер нормальный, а содержимое скрыто. 1. (браузер IE) Используйте стиль table-layout: исправлено: div css xhtml xml Пример исходного кода Пример исходного кода [www.52css.com] Эффект: Автоматический перенос строк. 2. Стиль использования (браузер IE): div css xhtml xml Пример исходного кода Пример исходного кода [www.52css.com] Эффект: Автоматический перенос строк. 3. (браузер IE) Используйте стиль table-layout:fixed и nowrap при использовании процентов для фиксации размера td: div css xhtml xml Пример исходного кода Пример исходного кода [www.52css.com] Эффект: оба TD переносятся нормально и автоматически. 4. (Браузер Firefox) Используйте стиль table-layout: fix и nowrap при использовании процентов для фиксации размера td и используйте div: div css xhtml xml Пример исходного кода Пример исходного кода [www.52css.com] Ширина ячейки здесь должна быть определена в процентах: она отображается нормально, но не может переноситься.
#wrap {пробел: нормальная ширина: 200 пикселей };
<div id="wrap">ddd111111111111111111111111111111</div>
#wrap {пробел: нормальная; ширина: 200 пикселей; переполнение: авто;}
<div id="wrap">ddd1111111111111111111111111111111111111111</div>
http://font.knowsky.com/
для стола
<стиль>
.tb{макет таблицы: исправлено}
</стиль>
<table class="tbl" width="80">
<tr><td>
abcdefghigklmnopqrstuvwxyz 1234567890
</td></tr>
</таблица>
<стиль>
.tb {макет таблицы: исправлено}
</стиль>
<table class="tb" width="80"><tr><td nowrap>
abcdefghigklmnopqrstuvwxyz 1234567890
</td></tr>
</таблица>
<стиль>
.tb{макет таблицы: исправлено}
</стиль>
<table class="tb" ширина=80>
<тр>
<td width=25% nowrap>
abcdefghigklmnopqrstuvwxyz 1234567890
</td>
<td nowrap>abcdefghigklmnopqrstuvwxyz 1234567890</td>
</tr>
</таблица>
<стиль>
.tb {макет таблицы: исправлено}
.td {переполнение: скрыто;}
</стиль>
<класс таблицы=ширина ТБ=80>
<tr><td width=25% class=td nowrap>
<div>abcdefghigklmnopqrstuvwxyz 1234567890</div>
</td>
<td class=td nowrap><div>abcdefghigklmnopqrstuvwxyz 1234567890</div></td>
</tr>
</таблица>