Свойство align-items выравнивает флекс-элементы внутри контейнера в перпендикулярном направлении.

Краткая информация

Значение по умолчанию stretch
Наследуется Нет
Применяется К флекс-контейнеру
Анимируется Нет

Синтаксис

align-items: flex-start | flex-end | center | baseline | stretch

Значения

Значение Описание
flex-start Флексы выравниваются в начале поперечной оси контейнера.
center Флексы выравниваются по линии поперечной оси.
flex-end Флексы выравниваются в конце поперечной оси контейнера.
stretch Флексы растягиваются таким образом, чтобы занять всё доступное пространство контейнера.
baseline Флексы выравниваются по их базовой линии.