Скачать или смотреть آموزش Flex Box - جلسه ۴ - کار با align-items

خصوصیت align-items نیز یکی از خصوصیات فلکس باکس (Flexbox) است که برای تنظیم توزیع و موقعیت عمودی (در محور عمودی) اجزای فلکس باکس استفاده می‌شود. این خصوصیت به شما امکان می‌دهد تعیین کنید که چگونه اجزا در فلکس باکس در امتداد محور عمودی قرار بگیرند.

مقادیر مختلفی که می‌توانید به خصوصیت align-items اختصاص دهید عبارتند از:

1. flex-start: اجزا در ابتدای محور عمودی قرار می‌گیرند.
2. flex-end: اجزا در انتهای محور عمودی قرار می‌گیرند.
3. center: اجزا در مرکز محور عمودی قرار می‌گیرند.
4. baseline: اجزا بر اساس خط پایه (baseline) متن درج شده درون آنها در محور عمودی قرار می‌گیرند.
5. stretch: اجزا در طول محور عمودی کشیده می‌شوند تا از فضای خالی در این محور استفاده کنند.

با استفاده از خصوصیت align-items، می‌توانید کنترل کنید که اجزا در فلکس باکس چگونه در محور عمودی قرار بگیرند. این خصوصیت به شما امکان می‌دهد ترتیب و توزیع عمودی اجزا را در فلکس باکس کنترل کنید و به راحتی طرح بندی دلخواه خود را ایجاد کنید. همچنین، با استفاده از مقدار stretch، می‌توانید اجزا را در طول محور عمودی کشیده و به اندازه محتوای داخلی آنها گسترش دهید، که می‌تواند در ایجاد طرح بندی پویا و واکنش‌گرا (Responsive) بسیار مفید باشد.

مدرس:‌ مسعود صالحی