با هر بازبینی جدید CSS، تعداد زیادی ویژگی جدید و هیجان انگیز آشکار می شود. یکی از آنها نمایشگر کم بیان است: رویکرد انعطاف پذیر.

مدل طرح بندی flexbox مدتی است که در سراسر وب شناور بوده است، هر بار با تنوع خاص خود روی رویکرد (برخی منسوخ شده، مانند روش نمایش: جعبه یا نمایشگر: روش فلکس باکس).

در راهنمای امروز، ما مزایای استفاده از تکنیک flexbox را در طرح‌بندی‌های خودمان کشف خواهیم کرد.

برخی از ویژگی های عالی مدل جدید عبارتند از:

• اندازه گیری آسان بر اساس نسبت؛ نیازی به لمس HTML خود نیست
• با استفاده از اعداد صحیح در برگه سبک، با یک نسیم دوباره ترتیب دهید
• برای همه عناصر فرزند در یک والد به درستی تعریف شده اعمال می شود
• بدون رفع واضح دیگر!

https://www.youtube.com/watch؟v=D-cWTumhSEU

در قسمت 2 نگاهی خواهیم داشت روی چگونه می توان این را حتی بیشتر کرد و طرح فلکس باکس خود را به یک طراحی کاملاً واکنش گرا تبدیل کرد!

آیا از رویکرد فلکس باکس برای چیدمان استفاده کرده اید؟ آیا روش متفاوتی را ترجیح می دهید؟ در نظرات به ما اطلاع دهید.

تصویر/تصویر کوچک ویژه، تصویر انعطاف پذیر از طریق Shutterstock.