Как вертикально центрировать текст внутри flex-элемента?

Question

[JohnDoe116]

Первый раз решил попробовать сверстать сайт(с PSD макета) на флекс-боксе, блоки отлично встали, единственная проблема это отцентрировать текст внутри каждого блока по вертикали. Vertical-align не робит.

Comments

[Lord_Dantes]

родителю
дисплей флеks
justify-content: center;
align-items: center

[Сергей delphinpro]

Ничто вам не мешает сделать flex-элемент еще и flex-контейнером и выравнивать свойством align-items

[Anton Semenov]

Сергей delphinpro, ничто и вам не мешает привести конкретный пример иснользования... зачем людей мучатся заставлять... не все цсс мастера тут

[Сергей delphinpro]

An Sem, я конкретно и сказал. разжевал и в рот положил. Что еще надо-то?
Если терминология не знакома, то я в учителя ни к кому не нанимался.

Answer 1

[Dymok]

align-items: center

Comments

[JohnDoe116]

Данное свойство не работает ни для родителя ни для дочерних блоков. Не знаю почему, уже всё перепробовал, не работает

[Dymok]

JohnDoe116, отправьте свой код

[Антон Литвиненко]

для того чтобы работал vertical-align, надо чтобы элементу было относительно чего выравниваться. Относительно себя или родителя это не работает. Должны быть рядом еще элементы, относительно которых свойство бы работало. Ну или на худой конец скрытый псевдоэлемент со 100% высотой

Answer 2

[Anton Semenov]

Вдруг поможет )

https://wp-kama.ru/id_8045/flex-v-css.html