مشكلة التفاف الأسطر تلقائيًا، يعد التفاف الأسطر للأحرف العادية أكثر منطقية، لكن الأرقام المستمرة والأحرف الإنجليزية غالبًا ما تعمل على توسيع الحاوية، وهو ما يمثل صداعًا كبيرًا فيما يلي كيفية تنفيذ التفاف الأسطر في CSS.
بالنسبة للعناصر على مستوى الكتلة مثل div وp، فإن التفاف سطر عناصر النص العادي (النص الآسيوي والنص غير الآسيوي) له مسافة بيضاء افتراضية: عادي، وسيتم التفافه تلقائيًا بعد العرض المحدد.
أتش تي أم أل
1. (متصفح IE) بالنسبة للأحرف الإنجليزية المستمرة والأرقام العربية، استخدم التفاف الكلمات: كلمة فاصلة أو كلمة فاصل: كسر الكل؛
#wrap{word-break:break-all width:200px;}
أو
#wrap{word-wrap:break-word width:200px;}
2. (متصفح Firefox) فواصل الأسطر للأحرف الإنجليزية المستمرة والأرقام العربية لا تحل جميع إصدارات Firefox هذه المشكلة، يمكننا فقط إخفاء الأحرف التي تتجاوز الحدود أو إضافة أشرطة التمرير إلى الحاوية.
#wrap{word-break:break-all width:200px;
3. (متصفح IE) عند تداخل div وp وما إلى ذلك في td وth، استخدم طريقة التفاف السطر div وp المذكورة أعلاه.
4. (متصفح Firefox) استخدم تخطيط الجدول: ثابت؛ لفرض عرض الجدول، يستخدم td الداخلي فاصل الكلمات: كسر الكل أو التفاف الكلمات: التفاف الأسطر؛ مخفي؛ للإخفاء خارج المحتوى، لا يمكن أن يعمل overflow:auto;
<نمط الجدول = "تخطيط الجدول: ثابت" العرض = "200">
<تر>
5. (متصفح Firefox) Nest div وp وما إلى ذلك في td وth وما إلى ذلك استخدم الطريقة المذكورة أعلاه للتعامل مع Firefox