[Перевод] Сложнейшая проблема компьютерных наук: центрирование

Заявляю: «Мы, как цивилизация, разучились использовать центрирование». Ну то есть мы, конечно, знаем, как это делать — очень просто:



display: flex;justify-content: center; /* Горизонтальное центрирование */align-items: center; /* Вертикальное центрирование */


Не спрашивайте, почему вам нужно запомнить четыре слова вместо просто горизонтальное/вертикальное; всё равно лучше, чем было до этого.

Ещё можно использовать сетку:



display: grid;justify-items: center; /* Горизонтальное центрирование */align-items: center; /* Вертикальное центрирование */


Также не спрашивайте, почему выражение justify-content стало justify-items. Читать дальше →

Источник: Уроки CSS на Хабрахабре