Flex разное

flex.txt

Перенос на следующую строку
flex-wrap: wrap;

justify-content — управляет выравниванием элементов по главной оси.
По умолчанию выстраивает элементы в начале блока. justify-content: flex-start
justify-content: flex-start;
justify-content: flex-end;
justify-content: center;
justify-content: space-between;
justify-content: space-around;
justify-content: stretch;


align-items — управляет выравниванием элементов по перекрёстной оси.
По умолчанию растягивает элементы по высоте. align-items: stretch

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

flex-direction: column — изменяет направление главной оси на вертикальное.

// Сентрирование по высоте и ширине содержимого
display: flex;
justify-content: center;
align-items: center;