Сделай свой сайт!

align-items

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

Песочница

1
2
3
div {
  display: flex;
  align-items: flex-start;
}

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

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

Значения

ЗначениеПоложениеОписание
flex-startflex-startФлексы выравниваются в начале поперечной оси контейнера.
centercenterФлексы выравниваются по линии поперечной оси.
flex-endflex-endФлексы выравниваются в конце поперечной оси контейнера.
stretchstretchФлексы растягиваются таким образом, чтобы занять всё доступное пространство контейнера.
baselinebaselineФлексы выравниваются по их базовой линии.

Вы можете оставить отзыв, подписаться на обновленияОбновления блога по RSSRSS или Обновления блога на TwitterTwitter !