نحن نعرف كيفية كتابة CSS لفواصل أسطر Div والفواصل غير الأسطرية. لكن بالنسبة لخلايا الجدول، فإننا نعرف سمة واحدة فقط، وهي nowrap، والتي يمكن أن تمنعها من الالتفاف. لقد كانت لدي هذه الحاجة مؤخرًا، لكنني وجدت أن إضافة nowrap ستظل تسبب فواصل الأسطر في بعض الحالات! لسوء الحظ، ألا توجد طريقة لفرض عدم فواصل الأسطر؟
كيفية استخدام CSS لتحقيق التفاف السطر تلقائيًا أو عدم التفاف بيانات خلية الجدول:
1. كسر الأسطر القسري:
＜نوع النمط='نص/css'＞
.AutoNewline
{
فاصل الكلمات: فاصل الكل؛/*مطلوب*/
}
＜/نمط＞
<الجدول>
＜tr＞
＜td class="AutoNewline"＞
غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي غلاف خط تلقائي
＜/تد＞
＜/tr＞
＜/الجدول＞
2. فرض عدم فواصل الأسطر:
＜نوع النمط='نص/css'＞
.NoNewline
{
فاصل الكلمات: الاحتفاظ بالكل؛/*مطلوب*/
}
＜/نمط＞
<الجدول>
＜tr＞
＜td class="NoNewline"＞لا يوجد فاصل سطر، لا يوجد فاصل سطر، لا يوجد فاصل سطر، لا يوجد فاصل سطر، لا يوجد فاصل سطر، لا يوجد فاصل سطر، لا يوجد فاصل سطر، لا يوجد فاصل سطر، لا يوجد فاصل سطر＜/td ＞
＜/tr＞
＜/الجدول＞