مدعوم في جميع متصفحات الويب. بدلاً من استخدامfloatلإنشاء تخطيطات عن طريق تعويم العناصر إلى اليسار أو اليمين ، يتيح لك flexbox إنشاء تخطيطات عن طريق محاذاة العناصر إلى محور واحد. يمكن أن يكون المحور أفقيًا أو رأسيًا. من الأفضل استخدامه لتوزيع المساحة للعناصر الموجودة في نفس المحور.
متى ستستخدم شبكة الصندوق المرن العائم؟
Flexboxيساعد في الغالب في محاذاة المحتوى ونقل الكتل. شبكات CSS مخصصة للتخطيطات ثنائية الأبعاد. إنه يعمل مع كل من الصفوف والأعمدة. Flexbox يعمل بشكل أفضل في بُعد واحد فقط (إما صفوف أو أعمدة)
لماذا تستخدم flexbox بدلاً من العوامات؟
يصبح وضع العناصر الفرعية أسهل مع flexbox. Flexbox سريع الاستجابة وصديق للجوّال. لا تنهار هوامش الحاوية المرنة مع هوامش محتواها. يمكننا بسهولة تغيير ترتيب العناصر على صفحة الويب الخاصة بنا دون إجراء تغييرات في HTML.
هل يجب علي استخدام العوامات في 2020؟
هناك حالات لا يقوم فيها الكائن الخاص بك بالتفاف النص ، ولكن لا تعمل أي خيارات أخرى. في هذه الحالة ، لا تتعرق ،فقط استخدم الطفو. إذا كنت تريد بالفعل التفاف النص حول صورة أو عنصر div آخر ، فإن ميزة الطفو رائعة.
متى يجب ألا تستخدم المرن؟
عندما لا تستخدم flexbox
- لا تستخدم flexbox لتخطيط الصفحة. يعد نظام الشبكة الأساسي الذي يستخدم النسب المئوية وعروض الحد الأقصى واستعلامات الوسائط طريقة أكثر أمانًا لإنشاء تخطيطات صفحات سريعة الاستجابة. …
- لا تضيفعرض: فليكس ؛ لكل واحد div حاوية. …
- لا تستخدم flexbox إذا كان لديك الكثير من الزيارات من IE8 و IE9.
