100%
-
[CSS][HTML] <div> 세로 정렬하기프로그래밍/Web(CSS + HTML + JS + PHP) 2019. 4. 5. 20:42
소스 코드CSS에서 가로 정렬은 굉장히 쉬운 일이지만, 세로 정렬은 굉장히 까다롭다.특히 width(높이)와 height(너비)를 100%로 설정한 경우에는 더더욱히 말이다. 머리를 싸매고 구글링을 하고 여러 시도를 거듭한 끝에 성공적으로 작동되는 코드를 만들어 냈다. 데이터 없음 height구문의 문제인지, height:100%가 적용되지 않는 버그가 흔하기에 html, body 전체에 선언해주었다.아래의 사진을 보면 알겠지만, 웹 브라우저의 크기에 따라 유동적으로 '데이터 없음' 를 세로 정렬해준다.