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