<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) white-space:word-break:break-all Вот; первый вариант соответствует стандарту:
div css xhtml xml Пример исходного кода Пример исходного кода [www.52css.com]
#wrap{пробел:нормальная; ширина:200 пикселей }
или:
#wrap{word-break:break-all;width:200px;}
<div id="wrap">ddd11111111111111111111111111111</div>
Эффект: возможен автоматический перенос строк
2. (Браузер Firefox) white-space:normal; word-break:break-all;overflow:hidden; тот же FF Очень хороший метод реализации. Можно только скрыть или добавить полосы прокрутки. Конечно, без добавления полос прокрутки эффект будет лучше!
div css xhtml xml Пример исходного кода Пример исходного кода [www.52css.com]
#wrap{пробел:нормальная; ширина:200 пикселей; переполнение:авто;}
Или:
#wrap{word-break:break-all;width:200px;overflow:auto;
<div id="wrap">ddd111111111111111111111111111111111111111</div>
Эффект: контейнер нормальный, а содержимое скрыто.
http://font.knowsky.com/
Для таблицы
1. (браузер IE) используйте стиль table-layout:fixed:
div css xhtml xml Пример исходного кода Пример исходного кода [www.52css.com]
<стиль>
.tb{макет таблицы: исправлено}
</стиль>
<table class="tbl" width="80">
<tr><td>
abcdefghigklmnopqrstuvwxyz 1234567890
</td></tr>
</table>
Эффект: автоматический перенос строк.
2. (браузер IE) используйте стиль:
div css xhtml xml Пример исходного кода Пример исходного кода [www.52css.com]
<стиль>
.tb {макет таблицы: исправлено}
</стиль>
<table class="tb" width="80"><tr><td nowrap>
abcdefghigklmnopqrstuvwxyz 1234567890
</td></tr>
</table>
Эффект: автоматический перенос строк
3. (браузер IE) Используйте стиль table-layout:fixed и nowrap при использовании процентов для фиксации размера td:
div css xhtml xml Пример исходного кода Пример исходного кода [www.52css.com ]
<стиль>
.tb{макет таблицы: исправлено}
</стиль>
<table class="tb" ширина=80>
<тр>
<td width=25% nowrap>
abcdefghigklmnopqrstuvwxyz 1234567890
</td>
<td nowrap>abcdefghigklmnopqrstuvwxyz 1234567890</td>
</tr>
</table>
Эффект: оба td автоматически переносятся нормально.
4. (Браузер Firefox) Используйте стиль table-layout: fixed и nowrap при использовании процентов для фиксации размера td и используйте div:
div css xhtml xml Пример исходного кода Пример исходного кода [www.52css.com]
<стиль>
.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>
</table>
Ширина ячейки здесь должна быть определена в процентах. Эффект: нормальное отображение, но без переноса строк.