RezaPasand
RezaPasand
خواندن ۱ دقیقه·۳ سال پیش

هر انچه باید در مورد فلکس باکس لعنتی بدانید!؟

سلام

همونجور که میدونی تو طراحی وب از CSS واسه طراحی و زیباتر کردن صفحات استفاده می شود اما یه وقتایی، طراحی برخی از موارد یه نمه پیچیده میشه و استفاده از CSS را سخت می کنه. اما خوشبختانه برای هر مشکلی راه حلی وجود دارد و برای این مشکل هم از یک روش عالی، آسان و ساده و در عین حال کاربردی استفاده می شود و آن چیزی نیست جز فلکس باکس Flexbox

خب flex box چیکار میکنه اصلا؟

  • فلکس باکس به راحتی به شما کمک میکنه تا html خودتون رو قالب بندی کنید
  • میدونی فلکس باکس یک حالت چیدمان CSS3 است. با استفاده از این حالت می توانید به راحتی طرح هایی برای برنامه های پیچیده و صفحات وب ایجاد کنید. طرح فلکس باکس کنترل کاملی بر جهت، تراز، ترتیب و غیره دارد

________

ویژگی های فلکس باکس

جهت – Direction

شما می توانید موارد را در یک صفحه وب به هر جهت مانند چپ به راست، راست به چپ، بالا به پایین و پایین به بالا ترتیب دهید.

ترتیب – Order

با استفاده از فلکس باکس می توانید ترتیب مطالب یک صفحه وب را دوباره مرتب کنید.

پیچاندن – Wrap

در صورت عدم وجود فضای متناقض برای محتوای یک صفحه وب (به صورت تک خط) ، می توانید آنها را به چند خط (هم به صورت افقی) و هم به صورت عمودی بپیچانید.

تراز کردن – Alignment

با استفاده از فکلس باکس، می توانید محتوای صفحه وب را با توجه به ظرف آنها تنظیم کنید.

Resize – تغییر اندازه

با استفاده از فکلس باکس می توانید اندازه موارد موجود در صفحه را افزایش یا کاهش دهید تا در فضای موجود قرار بگیرد.

________

فلکس باکس واسه طراحی ریسپانسیو موثره؟

  • بله که موثره!
  • یه ابزار به اندازه کافی مدرن برای ایجاد طرح های ریسپانسیوه!

_______

خب گمونم مطلبی که خوندید واسه مقدمه و اشنایی خوبه

حتما بیشتر موردش سرچ کنید

- یوتیوب رو فراموش نکنید


cssflex boxfrontdeveloperjs
شاید از این پست‌ها خوشتان بیاید