[해피CGI][cgimall] display: table-cell을 이용한 컨텐츠의 수직적 중앙정렬

 

수평적 중앙에 컨텐츠 배치는 margin:0 auto; 소스로 간단하게 배치가 가능하지만

수직적 중앙에 컨텐츠 배치는 잘 되지 않습니다.

자바스크립트 없이 아래  css 소스로 해결할 수 있는 방법 입니다.

 

.container {
    width:
    display: table-cell;
    vertical-align: middle;
}

 

예)

 

안녕하세요^^