Использование столбцов CSS «INSIDE-INSIDE» не работает с Flexbox 'Align-Items: Center'CSS

Разбираемся в CSS
Anonymous
Использование столбцов CSS «INSIDE-INSIDE» не работает с Flexbox 'Align-Items: Center'

Сообщение Anonymous »

Это только проблема в Mozilla Firefox (тестируется с последним). < /p>

Я хочу, чтобы элементы меню макета с вертикально центрированным текстом в четырех столбцах. < /p>

Я бы спустился вниз по «Потоблу: таблицу» < /code> vertical-alic Я бы предпочел, чтобы не добавлять элемент обертки адденоттальной обертки, если это возможно.

Код: Выделить всё

display: flex;

align-items: center;
// or
flex-direction: column;
justify-content: center;
См. Codepen (включение строки 20 или лежит 24-25). Разбивает макет ...

P>http://codepen.io/achisholm/pen/jxzgwe>
edit> edit> edit> edit> edit> edit edit> edit edit> edit> edit /> Итак, я могу достичь желаемой макету с вертикальным центрирующим «взломом», но я бы предпочел использовать Flexbox, если это вообще возможно. Как и следовало ожидать. Хотя мне любопытно узнать, почему это происходит и если это происходит по определенной причине.

Подробнее здесь: https://stackoverflow.com/questions/371 ... n-itemscen

Вернуться в «CSS»