آموزش Flexbox

دسته بندی: آموزش طراحی وب

معرفی flexbox

CSS3Flexible Box یا flexbox یک حالت طرح بندی است که برای جابجایی اندازه های مختلف روی صفحه نمایش و دستگاه های صفحه نمایش متفاوت کاربرد دارد.

برای بسیاری از برنامه های کاربردی، flexbox انعطاف پذیر ساده تر از مدل بلوک است.

بسیاری از طراحان، کار با flexboxe ها را آسان تر از box ها می دانند. عرض و ارتفاع flexboxes برای انطباق با فضای صفحه نمایش متفاوت است. منطق Flexbox همچنین می پرسد آیا شما می خواهید div را به سمت راست یا پایین متمرکز کنید. نظم نمایش عناصر flexbox مستقل از نظم آنها در کد منبع است.

طرح بندی های محبوب می تواند به سادگی و با کدنویسی ساده ایجاد شود. این استقلال اساسا تنها بر روی رندر ویژوآل، ترک نظم گفتاری و جهت یابی  براساس خواندن خطی منبع HTMLتأثیر بگذارد.

مشخصات مدرن flexbox تا چندین بار از زمان انتشار اولیه در سال 2009 به روز شده است.

ویژگی های flexbox

  • پشتیبانی از تمام مرورگر ها
  • عدم نگرانی در باره سینتکس
  • یادگیری و استفاده آسان
  • متمرکز کردن عناصر عمودی و افقی
  • تغییر آسان عناصر درون خطی
  • ساده سازی پیچیدگی ها
به این نوشته امتیاز دهید 1 2 3 4 5 بدون امتیاز