منع الجداول/الطبقات من الانفجار والكلمات من الانكسار منع النموذج من الانفجار هذه المشكلة ذكرها العديد من الأشخاص، وقمت بحلها لاحقًا في الإصدار الأول، ولكنها تسببت في تفكيك الكلمات الإنجليزية وتغليفها في أسطر جديدة، لذلك عندما قمت بإنشاء القالب الجديد، لم أقم بإضافة بعض أكواد CSS للسيطرة على هذا. لقد جربته اليوم ووجدت أن الحل بسيط للغاية. تخطيط الجدول: ثابت؛فاصل الكلمات:فاصل الكل؛التفاف الكلمات:فاصل الكلمات؛} div {كسر الكلمة: كسر الكل؛ التفاف الكلمة: كسر الكلمة؛} لاحقًا، وجدت أنه من خلال إعادة كتابة الكود أعلاه، يمكنني منع الجداول/الطبقات من الانكسار والكلمات من الانكسار. طاولة { وهذا أيضًا هو الرمز الذي أستخدمه الآن. وفقًا لدليل CSS2 الصيني لراينر سو إصدار فاصل الكلمات: وراثة خصائص الملكية IE5+: نعم بناء الجملة: يوضح: إصدار التفاف الكلمات: IE5.5+ وراثة خصائص الملكية: نعم بناء الجملة: يوضح: لذلك، يعد التفاف الكلمات كافيًا افتراضيًا، ولن يتم تقسيم الكلمات إلى أسطر جديدة، ومع ذلك، إذا كانت هناك كلمة طويلة جدًا، مثل النسخة الخاطئة من الكلمات الإنجليزية الـ 12 الأكثر رعبًا في التاريخ، فسوف يتم ذلك أيضًا يمنع النموذج من التلف.
يمكن القول أن مشكلة التفاف السطر التلقائي للكلمات الإنجليزية قد عذبت الكثير من الناس، إذا تمت كتابة كلمة ما لفترة طويلة، فسوف ينكسر الجدول، ولكن إذا تم تجاهلها، فسيتم تقسيم الكلمات الإنجليزية.
وفقًا لمعظم المقالات الموجودة على الإنترنت، ما عليك سوى إضافة:
شفرة
............
طاولة {
هذا يمكن أن يحل مشكلة الجداول والطبقات المكسورة، وهذا ما فعلته في البداية. ومع ذلك، فإن مثل هذا الرمز سوف يسبب مشكلة، ستجد أن جميع الكلمات الإنجليزية مبتورة، وهو ما لا يتماشى مع عادات الكتابة باللغة الإنجليزية ولا يفضي إلى القراءة.
على النحو التالي:
شفرة
تخطيط الجدول: ثابت؛
التفاف الكلمة: كسر الكلمة؛
}
شعبة {
التفاف الكلمة: كسر الكلمة؛
}
-------------------------------------------------- ---
فاصل الكلمات: عادي | فاصل الكل |
قيمة:
عادي: القيمة الافتراضية. السماح بفواصل الأسطر بين الكلمات
كسر الكل : هذا السلوك هو نفس السلوك الطبيعي للغات الآسيوية. يُسمح أيضًا بالفواصل داخل أي كلمة في سطر نص بلغة غير آسيوية. هذه القيمة مناسبة للنص الآسيوي الذي يحتوي على بعض النصوص غير الآسيوية
إبقاء الكل: كما هو معتاد لجميع اللغات غير الآسيوية. بالنسبة للصينية والكورية واليابانية، لا يُسمح بفواصل الكلمات. مناسب للنص غير الآسيوي الذي يحتوي على كمية صغيرة من النص الآسيوي
يقوم بتعيين أو استرداد سلوك الالتفاف داخل الكلمة للنص داخل الكائن. خاصة عند ظهور لغات متعددة.
بالنسبة للصينيين، ينبغي استخدام كسر كل شيء.
هذه الخاصية للقراءة فقط لكائنcurrentStyle. يمكن قراءتها وكتابتها بواسطة كائنات أخرى.
ميزة البرنامج النصي المقابلة هي wordBreak.
مثال:
div {فاصل الكلمات: فاصل الكل}
ينطبق على:
آي إي 5.0+
التفاف الكلمة: عادي | فاصل الكلمة
قيمة:
عادي: القيمة الافتراضية. السماح للمحتوى بالتوسع خارج حدود الحاوية المحددة
كلمة فاصلة: سيتم كسر المحتوى داخل الحدود. إذا لزم الأمر، سيتم أيضًا فصل الكلمات
يقوم بتعيين أو استرداد ما إذا كان سيتم قطع السطر عندما يتجاوز السطر الحالي حدود الحاوية المحددة.
تعمل هذه الخاصية فقط على كائنات التخطيط، مثل كائنات الكتلة. لاستخدام هذه السمة للعناصر المضمنة، يجب عليك أولاً تعيين سمة الارتفاع أو العرض للكائن، أو تعيين سمة الموضع إلى مطلق، أو تعيين سمة العرض على الحظر.
هذه الخاصية للقراءة فقط لكائنcurrentStyle. يمكن قراءتها وكتابتها بواسطة كائنات أخرى.
ميزة البرنامج النصي المقابلة هي wordWrap.
مثال:
div { التفاف الكلمات: فاصل الكلمات: كسر الكل }
انتبه لهذا
كلمة فاصلة: سيتم كسر المحتوى داخل الحدود. إذا لزم الأمر، سيتم أيضًا فصل الكلمات
ومع ذلك، لم يتم اعتماد هذا كمعيار css2 بواسطة w3c، لذلك لا تدعم Mozilla هذه السمة إذا كتب الجميع الكلمات الإنجليزية جيدًا، فلن يقوم Firefox بتقسيم الكلمات وتغليفها في أسطر جديدة كلمة، موزيلا فايرفوكس سوف لن يكسر الخط وسوف ينكسر.
لا أعرف ما إذا كان CSS3 سيقبل هذه السمة، ولكن بصراحة، الكلمات التي تكون أكثر من BT هي الأفضل...