div를 세로로 가운데 맞추는 방법은 무엇입니까?

Question

내 주요 콘텐츠 div를 세로로 가운데에 배치하고 싶습니다. 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

이 질문은 기본적으로 다음 문서를 권장하는 this one과 동일합니다.

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