[CSS] DIV에 수직으로 가운데 정렬 방법 > 기술자료

• 목록
• 게시판 리스트 옵션
  • 검색

div태그의 display속성을 table로 설정하는 방법이다. 이렇게 함으로써 div태그에 table속성에 있는 vertical-align 속성을 설정할 수 있다.


#wrapper {display:table;}
#cell {display:table-cell; vertical-align:middle;}

<div id="wrapper">
 <div id="cell">
  <div class="content">Content goes here</div>
 </div>
</div>


하지만...아쉽게도 ie6에서는 display:table속성이 먹지 않는다는것을 명심해야한다.


자료인용
http://seye2.egloos.com/2295690
http://aboooks.tistory.com/m/post/180