Как выровнять блок по горизонтали в flex box, если дочерний только 1 блок?

Question

[freeman0204]

Как выровнять блок по вертикали в flex box, если дочерний только 1 блок? align-self только по поперечной оси.

Answer 1

[Danila]

при flex-direction: row

justify-content: center;  // горизонтальное выравнивание
align-items: center;  // вертикальное выравнивание

при flex-direction: column наоборот
у флекс-контейнера обязательно должна быть высота.

Comments

[freeman0204]

Почему когда я даю блоку display: flex; текст что в нем становится по центру?

[Danila]

Артур Черешнюк: приведите пожалуйста пример кода, или смоделируйте вашу ситуацию на https://jsfiddle.net/ или codepen.io