Использование CSS является наиболее оптимальным способом центрирования изображений, блоков текста и даже всего дизайна веб-страницы. Они отлично работают с CSS3 и современными веб-браузерами:. Обновлено: МЛ Мария Логутенко автор материала.
Frontender Magazine
Нередко верстальщику необходимо разместить элемент по центру страницы. На первый взгляд, эта задача простая, но на практике возможны сложности, которые можно исправить различными способами. Каждый из них имеет достоинства и недостатки. Предположим, необходимо разместить блок с картинкой в центре. Для этого способа необходимо заранее знать размеры блока, половина от которого является значением отрицательного отступа.
Каждый верстальщик постоянно сталкивается с необходимостью выравнивания контента в блоке: по горизонтали или по вертикали. Есть несколько неплохих статей на этот счет, но все они предлагают много интересных, но мало практичных вариантов, из-за чего приходится тратить лишнее время, чтобы выделить главное. Решила подать эту информацию в той форме, которая удобна мне, чтобы больше не гуглить. Проще всего с помощью CSS выровнять блоки, у которых заранее известна высота для выравнивания по вертикали или ширина для горизонтального выравнивания.
Мне кажется, что проблема заключается не в том что это трудно сделать, а в том что способов для выравнивания элементов по центру очень много и бывает достаточно сложно выбрать из них подходящий. Давайте выстроим все возможные решения в виде древовидной схемы и будем надеяться, что это упростит нашу задачу. Выравнивать по центру строковые элементы внутри блочного родительского элемента можно достаточно просто:.