مع كل مراجعة جديدة لـ CSS ، تظهر مجموعة كبيرة من السمات الجديدة والمثيرة ؛ واحد منها يجري عرض التقليل: نهج المرن.

لقد كان نموذج تخطيطات المرنة يتحرك حول الويب لبعض الوقت الآن ، في كل مرة مع تباين خاص به في النهج (بعض عفا عليه الزمن ، مثل العرض: الصندوق أو العرض: طريقة flexbox).

في دليل اليوم ، سنكتشف مزايا استخدام تقنية flexbox في مخططاتنا الخاصة.

تتضمن بعض الميزات الرائعة للنموذج الجديد ما يلي:

  • من السهل التحجيم القائم على النسبة. لا حاجة للمس HTML الخاص بك
  • أعد الترتيب باستخدام نسيم باستخدام الأعداد الصحيحة داخل ورقة الأنماط
  • ينطبق على جميع العناصر الفرعية داخل أحد الوالدين المحدد بشكل صحيح
  • لا مزيد من clearfixes!

في الجزء 2 سنلقي نظرة على كيفية أخذ هذا الأمر إلى أبعد من ذلك ، وتحويل تخطيط flexbox الخاص بك إلى تصميم متجاوب بالكامل!

هل استخدمت نهج صندوق المرن للتخطيط؟ هل تفضل طريقة مختلفة؟ اسمحوا لنا أن نعرف في التعليقات.

صورة مميزة / صورة مصغرة ، صورة مرنة عبر Shutterstock.