Как отцентрировать блоки по вертикали и горизонтали?

Question

[Adam1]

Мне надо отцентрировать блоки внутри дива по горизонтали и вертикали
Делаю по флексбокс но первый див выходит за внешний див
Притом внешний див должен скроллится
codepen.io/anon/pen/mAxAzO

Comments

[Кирилл Терентьев]

Задавай классы всем блокам. Не задавай css свойства div`ам явно это плохая практика.

[Кирилл Терентьев]

Зачем тебе line-height: 180px? чтобы только по вертикали выровнять? Не делай такие велосипеды.

Answer 1

[Кирилл Терентьев]

Ты уже все отцентрировал. Вопрос стоит уже в прокрутке вот ссылки, читай:
Читать тут
Читать тут

Comments

[Adam1]

не очень понял что вы хотите сказать

Answer 2

[denny911]

flex-direction: column; - определяет направление для flex-элементов, размещаемых в контейнере(сверху вниз).
align-items: center; - центрирует элементы в контейнере.
justify-content: center; - убираешь и получаешь результат

Comments

[mhvrt]

denny911 да не, тогда все блоки не будут отцентрированы...
выше писал если убрать два блока и оставить 1, то он тоже должен быть в центре и по У и по Х
и если высоту блокам скажем задать 100, а внешнему 200
в этом фича, чтоб все было отцентрировано и работал скролл
а флекс СЖИРАЕТ блоки...

[denny911]

codepen.io/anon/pen/GjGGEN