1. أنت تقوم بتعيين عرض الجدول، أي إعطاء الجدول قيمة عرض (قيمة رقمية، وليس نسبة مئوية)
2. فرض عدم التفاف
div {
// مسافة بيضاء: لا يوجد التفاف سطر؛ يفرض nowrap عرض النص بالكامل على نفس السطر حتى ينتهي النص أو تتم مواجهة كائن br
مسافة بيضاء:nowrap }
div {
تلقائيًا
التفاف الكلمات: كسر الكلمة؛
// فاصل الكلمات يعين فواصل الأسطر القسرية؛ قواعد النص العادية للغات الآسيوية وغير الآسيوية، مما يسمح بفواصل الأسطر داخل الكلمات
فاصل الكلمات: عادي؛
}
فرض فاصل سطر الكلمة الإنجليزية
div {
فاصل الكلمات: فاصل الكل؛
}
3. باختصار، طالما تم تعريف الجمل التالية في CSS، فيمكن ضمان عدم فتح صفحة الويب مرة أخرى.
الجدول {تخطيط الجدول: ثابت؛}
td(word-break:break-all;word-wrap:break-word;)
التعليقات:
1. الجدول الأول {تخطيط الجدول: ثابت؛}، هذا النمط يمكن أن يجعل الجدول يحتوي على !!! (علامة تعجب) تلقائيًا التفاف الشخصيات.
2.td{word-break:break-all}، لا بأس عمومًا من استخدام هذه الجملة، ولكن في بعض الحالات الخاصة ستظل متقطعة، لذلك تحتاج إلى إضافة الجملة التالية (word-wrap:break-word;) يمكن حلها. يسمح هذا النمط بالتفاف بعض الكلمات الإنجليزية المتتالية في الجدول تلقائيًا.
http://www.knowsky.com/
(1) القواعد:
فاصل الكلمات: عادي |. فاصل الكل |.
معلمات الاحتفاظ بالجميع:
عادي: وفقًا لقواعد النص الخاصة باللغات الآسيوية واللغات غير الآسيوية، يُسمح بفواصل الأسطر داخل الكلمات.
كسر الكل : السلوك هو نفس السلوك الطبيعي للغات الآسيوية. يُسمح أيضًا بالفواصل داخل أي كلمة في سطر نص بلغة غير آسيوية. هذه القيمة مناسبة للنص الآسيوي الذي يحتوي على بعض النصوص غير الآسيوية
إبقاء الكل: كما هو معتاد لجميع اللغات غير الآسيوية. بالنسبة للصينية والكورية واليابانية، لا يُسمح بفواصل الكلمات. مناسب للنص غير الآسيوي الذي يحتوي على كمية صغيرة من النص الآسيوي
(2) بناء الجملة:
التفاف الكلمات:
معلمات كسر الكلمات العادية:
عادي: السماح للمحتوى بكسر حدود الحاوية المحددة
كلمة فاصلة: سيتم كسر المحتوى داخل الحدود. إذا لزم الأمر، يتم إجراء فاصل الكلمات أيضًا
الوصف:
يقوم بتعيين أو استرداد ما إذا كان سيتم فصل السطر عندما يتجاوز السطر الحالي حدود الحاوية المحددة.
ميزة البرنامج النصي المقابلة هي التفاف الكلمات. يرجى الاطلاع على الكتب الأخرى التي كتبتها.
(3) بناء الجملة:
تخطيط الجدول: تلقائي |
المعلمات الثابتة:
تلقائي: خوارزمية تلقائية افتراضية. سيعتمد التخطيط على محتويات كل خلية. لن يتم عرض الجدول إلا بعد قراءة كل خلية وحسابها. بطيء جدًا
ثابت: خوارزمية تخطيط ثابتة. في هذه الخوارزمية، يعتمد التخطيط الأفقي فقط على عرض الجدول، وعرض حدود الجدول، وتباعد الخلايا، وعرض الأعمدة، وليس له أي علاقة بمحتوى الجدول
:
كيفية جعل الجدول يلتف تلقائيا؟
يقوم بتعيين أو استرداد خوارزمية تخطيط الجدول.
سمة البرنامج النصي المقابلة هي tableLayout.
4. وفقًا لمعظم المقالات الموجودة على الإنترنت، أضف فقط:
شفرة
.......
شفرة:
الجدول {<br />
تخطيط الجدول:ثابت;فاصل الكلمات:فاصل الكل;التفاف الكلمات:فاصل الكلمة;<br />
div {كسر الكلمة: كسر الكل؛ التفاف الكلمة: كسر الكلمة؛}
هذا يمكن أن يحل مشكلة الجداول والطبقات المكسورة، وهذا ما فعلته في البداية. ومع ذلك، فإن مثل هذا الرمز سوف يسبب مشكلة، ستجد أن جميع الكلمات الإنجليزية مقطوعة، وهو ما لا يتماشى مع عادات الكتابة باللغة الإنجليزية ولا يفضي إلى القراءة.
لاحقًا، وجدت أنه من خلال إعادة كتابة الكود أعلاه، يمكنني منع الجداول/الطبقات من الانكسار والكلمات من الانكسار.
على النحو التالي:
كود الكود
:
طاولة {
تخطيط الجدول: ثابت؛
التفاف الكلمة: كسر الكلمة؛
}
شعبة {
التفاف الكلمة: كسر الكلمة؛
}
وهذا أيضًا هو الرمز الذي أستخدمه الآن.