Как вертикально центрировать div?

Question

Я бы хотел расположить центр моего основного содержимого вертикально.Я открыт для использования jQuery и / или CSS, но я бы предпочел избегать дополнительного тега div-оболочки.

Что мне нужно сделать, чтобы сделать?

Answer 1

JQuery:

$(document).ready(function() {
    $('#main').css('position', 'relative');
    $('#main').css('top', (($('#main').parent().height() - $('#main').height()) / 2) + "px");
});

Answer 2

Этот вопрос в основном совпадает с этим , который рекомендует следующую статью.

http://www.jakpsatweb.cz/css/css-vertical-center-solution.html