웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리

HOME > etc

display table-cell 요소에 height 100퍼센트 적용하는 방법은?

Last Modified : 2017-09-21 / Created : 2017-03-21
2,367
View Count
디스플레이 속성이 table-cell인 경우 height 값을 퍼센트로 지정되지 않습니다. 상대값인 퍼센트로 지정하게 하려면 어떻게해야하나요? 예를들어 아래와 같이 나타낼 수 있을까요?

display: table-cell;
height: 100%;

height를 100% 지정하는 이유는 반응형의 경우 내부 엘리먼트의 세로정렬을 위함입니다. 세로 정렬이 되려면 고정값을 가지면 가능하나 100%를 사용하여 가능한 방법이 궁금합니다.

Previous

PHP에서 DB 내용을 불러온 뒤 nl2br이 안되는 경우 해결방법은?

Previous

페이지 뒤로가기 실수를 방지하기 위해 경고 메시지를 주는 방법