Skip to content

[CSS]div 에서 요소 중앙 위치 (vertical-align : center 먹이기)

div에서는 vertical-align이 안 먹는다
그래서 table 요소가 필요하다

부모 div에 아래와 같이 display 요소를 table로 설정


.display-table{
display: table;
table-layout: fixed;
}

자식요소에 vertical-align 적용


.display-cell{
display: table-cell;
vertical-align: middle;
float: none;
margin: 5px;
}

Published inCSS