0:00 / 0:00

آموزش Flexbox - قسمت ۱۷ - تنظیم خودکار

10.5K بازدید۱۴۰۳/۷/۱۶00:05:10

در دنیای طراحی وب، یکی از مباحث مهم و جذاب، آموزش Flexbox می‌باشد. Flexbox یکی از ابزارهای قدرتمند CSS است که به طراحان وب امکان می‌دهد صفحات وب شان را به راحتی واکنش‌گرا و قابل تنظیم کنند. در قسمت ۱۷ این سری آموزش‌ها، بحث ما در مورد تنظیم خودکار در Flexbox خواهد بود. یکی از ویژگی‌های جذاب Flexbox، توانایی تنظیم خودکار عرض و ارتفاع عناصر است. با استفاده از ویژگی‌های flex-grow و flex-shrink و flex-basis، می‌توانید به راحتی تنظیماتی انجام دهید که به صفحات شما این امکان را بدهد که در اندازه‌های مختلف صفحه به خوبی نمایش داده شوند. برای مثال، اگر چند عنصر در یک محفظه واحد قرار گیرند، می‌توانید با استفاده از flex-grow به هر یک از آن‌ها اجازه دهید که به تناسب فضای خالی در محفظه توسعه یابند و بدون این‌که نیاز باشد به تنظیمات دقیق CSS دست زده شود، طراحی