Свойство align-items выравнивает флекс-элементы внутри контейнера в перпендикулярном направлении.
Краткая информация
| Значение по умолчанию | stretch |
|---|---|
| Наследуется | Нет |
| Применяется | К флекс-контейнеру |
| Анимируется | Нет |
Синтаксис
align-items: flex-start | flex-end | center | baseline | stretch
Значения
| Значение | Описание |
|---|---|
| flex-start | Флексы выравниваются в начале поперечной оси контейнера. |
| center | Флексы выравниваются по линии поперечной оси. |
| flex-end | Флексы выравниваются в конце поперечной оси контейнера. |
| stretch | Флексы растягиваются таким образом, чтобы занять всё доступное пространство контейнера. |
| baseline | Флексы выравниваются по их базовой линии. |