0:00 / 0:00

آموزش Flexbox - قسمت 9 - تراز کردن آیتم‌ها

39.9K بازدید۱۴۰۳/۷/۱۶00:04:33

در قسمت 9 از مجموعه آموزش Flexbox، به تراز کردن آیتم‌ها با استفاده از ویژگی‌های این فناوری جذاب می‌پردازیم. یکی از ویژگی‌های برجسته Flexbox، امکان تراز کردن آیتم‌ها در یک محفظه است. بدون نیاز به استفاده از ترفندهای CSS پیچیده، می‌توانید آیتم‌های خود را افقی یا عمودی مرتب کرده و به‌طور خودکار تراز کنید. یکی از مزیت‌های استفاده از Flexbox، قابلیت تنظیم فضا بین آیتم‌ها است. با استفاده از خصیصه‌های مانند `justify-content` و `align-items`، می‌توانید فواصل بین آیتم‌ها را به راحتی تنظیم کرده و آن‌ها را به‌طور دقیق تراز کنید. برای مثال، با تنظیم `justify-content: center;` می‌توانید آیتم‌های خود را در وسط صفحه یا محفظه قرار دهید. همچنین، با استفاده از `align-items: flex-end;` می‌توانید آیتم‌ها را در پایین یا بالای محفظه قرار داده و به‌طور دلخواه ترتیب دهید. با این ت