JQuery(제이쿼리)로 화면 중앙에 나타내기

HTML

<div class="className">THISHALL.COM</div>

JQUERY

<script type="text/javascript">
$( document ).ready(function() {
 $(window).resize();
}); 

$(window).resize(function(){
    $('.className').css({position:'absolute'}).css({
        left: ($(window).width() - $('.className').outerWidth())/2,
        top: ($(window).height() - $('.className').outerHeight())/2
    });
});
</script>

className은 마음대로 해줘도 됨.

이렇게 해주면 브라우저 크기를 바꿔도 계속 화면 가운데에 정렬이 된다.