<script>
function vAlign() {
objs = document.getElementsByTagName('DIV');
for (var i = 0 ; i < objs.length ; i++ )
{
if (objs[i].className == "vAlign")
objs[i].style.marginTop = Math.floor(parseInt(objs[i].parentNode.offsetHeight - objs[i].offsetHeight) / 2)+"px";
}
}
window.onload = vAlign;
</script>
를 head 사이에 넣고 block 요소 안에 세로 중앙정렬되야될 부분을 <div class="vAlign"> 으로 감싸서
페이지 로딩후에 스크립트로 정렬.....
<div style="height:200px;border:1px solid red;"> <div class="vAlign"> 여기가 세로 중앙정렬;;;<br> 여기가 세로 중앙정렬;;;<br> </div> </div>
[출처] DIV태그에서 상하정렬방법이요. (하드코딩하는사람들) |작성자 민즈
Posted by siche
