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은 마음대로 해줘도 됨.
이렇게 해주면 브라우저 크기를 바꿔도 계속 화면 가운데에 정렬이 된다.
No comments:
Post a Comment