آموزش Flexbox

معرفی flexbox

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

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

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

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

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

ویژگی های flexbox

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

ساخت فرم های واکنشگرا با Flexbox

دوشنبه ۲۸ فروردین ۱۳۹۶ - ساعت ۱۱:۰۰
  • طرح بندی سایت های مدرن با Flexbox و CSS Grid

طرح بندی سایت های مدرن با Flexbox و CSS Grid

سه شنبه ۳۱ فروردین ۱۳۹۵ - ساعت ۱۶:۰۰
  • آموزش کار با Flexbox

آموزش کار با Flexbox

دوشنبه ۰۹ شهریور ۱۳۹۴ - ساعت ۲۰:۴۲
  • آموزش Flexbox

آموزش Flexbox

یکشنبه ۰۸ شهریور ۱۳۹۴ - ساعت ۱۵:۱۲