align-items

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

📝 Описание

Определяет выравнивание flex-элементов вдоль поперечной оси контейнера.

Значение по умолчанию: stretch

🎯 Возможные значения

  • stretch — элементы растягиваются на всю высоту
  • flex-start — элементы прижаты к началу поперечной оси
  • flex-end — элементы прижаты к концу
  • center — элементы по центру
  • baseline — элементы по базовой линии текста
.flex-container {
  display: flex;
  align-items: center;
  min-height: 100vh;
}

🌐 Поддержка браузеров

Все современные браузеры

📚 Подробнее

Подробнее об этом свойстве вы можете узнать в нашем руководстве: Полное руководство по CSS Flexbox