کدپلن

align-items

این خصوصیت align item تعریف می کند که چگونه یک شی انعطاف پذیر در راستای محور ها می تواند جابجا شود.
این خصوصیت دارای ۵ زیرخواص هست که به ترتیب شامل موارد زیر هستند :
flex-start : چسبیدن همه آیتم ها به بالاترین نقطه تراز
flex-end : چسبیدن همه آیتم ها در پایین ترین نقطه تراز
center : آیتم در راستای محور ها در وسط قرار می گیرد.
baseline: آیتم ها بر اساس خطوط تراز خود تنظیم می شوند.
stretch : ( پیشفرض ) این حالت کل صفحه مربوطه پر می شود.
پیش نمایش:
در دموی زیر :
flex-start : قرمز
flex-end : زرد
center : آبی
baseline: سبز
stretch : صورتی

جه مرورگرهایی از این خصوصیت پشتیبانی می کنند: