Вертикальное центрирование с помощью CSS

Горизонтальное центрирование выполнить очень легко, если мы имеем дело с блочным элементов, то для этого достаточно задать ширину данному элементу и также левый и правый отступы в значение auto, тогда наш блок примет центральное положение. Если мы имеем дело со строчным элементом, то для его родителя можно задать text-align в значение center и тогда данный элемент также выровняется по центру.

Но, к сожалению, с вертикальным выравниванием не все так просто и поэтому у начинающих верстальщиков из-за этого может возникнуть ряд сложностей. Чтобы избавить вас от этих проблем, я записал видеоурок, где расскажу о самых лучших способах вертикального центрирования, которые применяются на практике.

Смотреть видеоурок

Все разобранные способы, являются кроссбраузеными и будут работать во всех популярных браузерах, а также в IE8+.

Добавить комментарий

  • 14.10.2015 09:20

    Александр, к последнему способу выравнивания есть вопрос. Как это сделать для заведомо неизвестного объема текста, который нужно выровнять? К примеру, есть меню с неоднородным содержимым текста в каждом пункте. Первый пункт — одна строка. Второй — две. Этот метод не работает, кажись

  • Спасибо очень интересно