تسرد هذه المقالة أنماط CSS الموصى بها لفواصل الأسطر المتوافقة مع IE وFF، وتقدم بالتفصيل الاختلافات بين أنماط التفاف الكلمات وفواصل الكلمات المتوافقة مع IE وFF:
أفضل طريقة هي
word-wrap:
break-
word
; overflow :
hidden
;
لا توجد مشكلة في IE. سيتم حظر سلسلة طويلة من الكلمات الإنجليزية.
ملخص تقني:
يتم استخدام التفاف الكلمات للتحكم في فواصل
الأسطر ، ولا توجد مشكلة في الجمل الإنجليزية، ولكن إذا قمت بتسلسل الكلمات الإنجليزية، فلن ينجح الأمر
في كسر الكلمات،
فالوضع الافتراضي هو عدم تقسيم الكلمات
الإنجليزية عندما تصل الكلمة إلى الحد، ينتقل الحرف التالي تلقائيًا إلى السطر التالي، ويحل بشكل أساسي مشكلة السلاسل الطويلة من الكلمات الإنجليزية.
يشير الاحتفاظ بالجميع إلى الكلمات المستمرة الصينية واليابانية والكورية هذه المرة، بدون التفاف الكلمات، ولن يتم التفاف اللغة الصينية (الجمل الإنجليزية عادية. .)
ضمن IE:
استخدم التفاف الكلمات: كل شيء طبيعي
ضمن FireFox:
إذا لم يتم استخدام هذين الأمرين لن تكون هناك مشكلة مع الجمل الإنجليزية، ومع ذلك، ستكون هناك مشاكل في الجمل الإنجليزية
من أجل حل السلاسل الطويلة في اللغة الإنجليزية ومع ذلك، يتم استخدام هذه الطريقة بشكل عام، مما يؤدي إلى كسر الكلمات في الجمل الإنجليزية العادية (أي، نفس الشيء صحيح أدناه)
. سلسلة اللغة الإنجليزية هي مجرد كلمة طويلة نسبيًا، أي هل يجب فصل الكلمات الإنجليزية؟ المشكلة واضحة، ومن الواضح أنه لا ينبغي قطع الاتصال بالسلاسل الإنجليزية الطويلة، وهي أشياء ضارة، بطبيعة الحال لا داعي للقلق بشأنها، ومع ذلك، يجب علينا أيضًا التفكير في بعض الطرق لمنعها من توسيع الحاوية استخدم
: overflow: auto؛ ضمن IE، سيتم التفاف السلاسل الطويلة تلقائيًا ضمن FireFox،
لذا، باختصار، أفضل طريقة هي word-wrap:break-word;overflow:hidden. Wrap:break -word;word-break:break-all;
.word-wrap:break-word;overflow:auto; لا توجد مشكلة في IE، سيتم حجب جزء من السلسلة الطويلة.