Можно ли с помощью CSS воссоздать действие align="center"?

Question

[Евгений Обыкновенный]

<div align="center"></div> центрирует любое содержимое, а <div style="text-align: center"></div> действует только на текст и элементы inline-block.

Можно ли с помощью CSS воссоздать действие align="center", то есть сделать так, чтобы в содержимом блока центрировались и блочные элементы?

Знаю, что каждый дочерний блок можно центрировать самостоятельно, например с помощью margin:auto, но мне нужно, чтоб центрирование содержимого задавалось разом для всего содержимого атрибутами блока-родителя.

Answer 1

[Антон Спирин]

Почитате про flex, flex-direction, justify-content и align-items.
Пример 1
Пример 2

Comments

[Евгений Обыкновенный]

Спасибо. Возможно, это придется использовать. Но нет ли решения проще? Как я понимаю, flex довольно новое свойство и старыми браузерами не поддерживается.

[Антон Спирин]

Евгений Обыкновенный, куда проще-то? flex сейчас используется в продакшене практически везде. Если вас не волнует совместимость с IE<10, то смело используйте.

[Евгений Обыкновенный]

Антон Спирин, как я понимаю, display: flex влияет на содержимое. А как такой блок ведет себя сам? Как display: block?

[Никита Егоров]

Евгений Обыкновенный, элемент ведет себя как блочный