جلسه ۰ – لایه بندی flexbox (معرفی)

طرح flexbox (box منعطف) در فراهم کردند راه موثری برای طرح بندی و هم تراز کردن و اشتراکی کردن فضا بین آیتم ها در یک کانتینر به ما کمک میکنه ،حتی زمانی که سایزشون نامشخص باشه یا به صورت پویا باشند .
ایده اصلی در پشت طرح flex این هستش که به ما کانتینری بده که توانایی تغییر و نظم دادن طول و عرض ایتم هاش برای اینکه بهترین فضا در دسترس داشته باشه (عمدتا برای وقف دادن برای نمایش در همه وسیله ها و سایز های صفحه ).
یک کاتینر flex  اندازه آیتم هاشو برا پر کردن فضا خالی در دسرس افزایش میده  یا برای جلو گیری از سر ریز از نظر فضا در دسرس کوچکشون میکنه
اون چیزی که مهم است طرح flex در نقطه مقابل لایه بندی های معمولی قرار میگیره (بلاک که بر پایه عمودی بنا شده و inlineکه بر پایه افقی قرار میگیرد ) در حالی که این دو لایه بندی برای صفحات به خوبی عمل میکنند،ولی برای پشتیبانی کردن کاربرد های بزرگ و پیچیده ضعیف عمل میکنند(زمانی که اشیا جهت ، سایزشون تغییر میکنه یا کشیده و کوچک می شنود )

نکته : طرح بندی flexbox برای کامپوننت های یک اپلیکیشن و طرح بندی در مقیاس کوچک مناسب است در حالی که گرید (Grid) برای موارد در مقایس های بزرگتر بیشتر کاربرد داره

در جلسه بعدی در مورد property هایی که برای این لایه بندی داریم مفصل صحبت میکنیم

موفق باشید

با ما همراه باشید

local_offerevent_note خرداد ۱۲, ۱۳۹۷

account_box ali kaviani


local_offer

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *