Translate

2013년 6월 13일 목요일

[CSS] Div vertical center 정렬 방법





꼼수이긴 하지만..

center 정렬하려는 div를 left 또는 top 을 50% 로 미뤄준 후에
margin 을 이용하여 해당 div의 절반값만큼 다시 땡겨오면 센터정렬 완성!!!










Div 엘리먼트의 크기가 동적이라면 다음을 참고하세요.
Centering Percentage Width/Height Div Elements (크기가 동적인 Div 센터정렬)



만일 모바일 웹을 한다면 다음과 같이 근사한 방법이 있다.
[CSS] Element(Div, Img etc..) 세로 가운데 정렬 시키기






댓글 없음 :

댓글 쓰기