<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 ()" هامش الارتفاع = "0" Marginwidth="0">قم بإزالة برنامج النسخ بالنقر بزر الماوس الأيمن تشرح هذه المقالة كيفية استخدام CSS لالتفاف النص الإنجليزي تلقائيًا. يعلم الجميع أن اللغة الإنجليزية المستمرة أو الأرقام يمكن أن تجعل الحاوية تتوسع ولا يمكن أن تلتف تلقائيًا وفقًا لحجم الحاوية، وإليك كيفية تغليفها تلقائيًا. يعلم الجميع أن اللغة الإنجليزية أو الأرقام المستمرة يمكن أن تجعل الحاوية تتوسع ولا يمكن أن تلتف تلقائيًا وفقًا لحجم الحاوية، وإليك كيف يمكن لـ CSS تغليفها تلقائيًا! بالنسبة لمتصفحات Div وtable والمتصفحات المختلفة، تختلف طرق تنفيذ التفاف سطر CSS التلقائي قليلاً فيما يلي: لشعبة 1. (متصفح IE) مسافة بيضاء: عادية فاصل الكلمات: كسر الكل؛ div css xhtml xml مثال على كود المصدر مثال على كود المصدر [www.52css.com] أو: #wrap{كلمة فاصل:كسر الكل؛العرض:200px؛} التأثير: يمكن تحقيق التفاف الخط تلقائيًا 2. (متصفح Firefox) مسافة بيضاء: عادية؛ فاصل الكلمات: كسر الكل؛ تجاوز السعة: مخفي؛ لا توجد طريقة تنفيذ جيدة ضمن نفس FF، يمكنك فقط إخفاء أشرطة التمرير أو إضافتها، ولكن بالطبع لا توجد أشرطة تمرير التأثير أفضل! div css xhtml xml مثال على كود المصدر مثال على كود المصدر [www.52css.com] أو: #wrap{word-break:break-all;width:200px; التأثير: الحاوية عادية والمحتوى مخفي 1. (متصفح IE) استخدم تخطيط جدول النمط:ثابت: div css xhtml xml مثال على كود المصدر مثال على كود المصدر [www.52css.com] التأثير: التفاف الخطوط تلقائيًا 2. أسلوب استخدام (متصفح IE): div css xhtml xml مثال على كود المصدر مثال على كود المصدر [www.52css.com] التأثير: التفاف الخطوط تلقائيًا 3. (متصفح IE) استخدم تخطيط جدول النمط: ثابت وnowrap عند استخدام نسبة مئوية لإصلاح حجم td: div css xhtml xml مثال على كود المصدر مثال على كود المصدر [www.52css.com] التأثير: يلتف كلا TDs بشكل طبيعي وتلقائي 4. (متصفح Firefox) استخدم نمط جدول التخطيط: ثابت وnowrap عند استخدام النسبة المئوية لإصلاح حجم td، واستخدم div: div css xhtml xml مثال على كود المصدر مثال على كود المصدر [www.52css.com] يجب تحديد عرض الخلية هنا كنسبة مئوية: يتم عرضه بشكل طبيعي، ولكن لا يمكن التفافه.
#wrap{مسافة بيضاء: عرض عادي: 200 بكسل }
<div id="wrap">ddd1111111111111111111111</div>
#wrap{مسافة بيضاء: عرض عادي: 200 بكسل؛}
<div id="wrap">ddd111111111111111111111111111111</div>
http://font.knowsky.com/
للجدول
<نمط>
.tb{تخطيط الجدول: ثابت}
</نمط>
<فئة الجدول = "tbl" العرض = "80">
<tr><td>
abcdefghigklmnopqrstuvwxyz 1234567890
</td></tr>
</الجدول>
<نمط>
.tb {تخطيط الجدول: ثابت}
</نمط>
<table class="tb" width="80"><tr><td nowrap>
abcdefghigklmnopqrstuvwxyz 1234567890
</td></tr>
</الجدول>
<نمط>
.tb{تخطيط الجدول: ثابت}
</نمط>
<فئة الجدول = "تب" العرض = 80>
<تر>
<عرض td=25% الآن>
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>
</الجدول>