لماذا لا يعمل المخفي في

الفطائر: غالبًا ما يتم استخدام المخفية لإخفاء المحتوى المتدفق داخل عنصر. ومع ذلك ، عند تطبيقه على عنصر

، قد يفشل في العمل كما هو متوقع ، مما يؤدي إلى توسيع الخلية بدلاً من اقتطاع النص. :

White -Space: Nowrap
• - تمنع هذه الخاصية النص من كسر خطوط متعددة ، مما يضمن أنه يبقى ضمن عرض الخلية المحدد.
• مثال: فكر في مقتطفات HTML و CSS التالية:

this_is_a_terrible_example_of_thinking_outside_the_box.

* { حجم الصناديق: صندوق الحدود ؛ } طاولة { طاولة الطاولة: ثابت ؛ حدود الحدود: الانهيار. العرض: 100 ٪ ؛ Max-Width: 100px ؛ } td { الخلفية: #F00 ؛ الحشو: 20 بكسل ؛ الفائض: مخفي. الفضاء الأبيض: Nowrap ؛ العرض: 100px ؛ الحدود: الصلبة 1px #000 ؛ } في هذا المثال ، يكون لعنصر الجدول عرضًا أقصى ثابت قدره 100 بكسل ، ويكون عنصر

عرض 100 بكسل. سيتم الآن إخفاء النص داخل الخلية إلى ما وراء العرض المحدد.