세로 정렬
-
세로정렬(가운데 정렬)! 웹 공부 ! 2018. 3. 12. 19:49
html & css를 하다 보면 세로 정렬을 하다가 화가 난 적이 한 두번이 아니다. display: table-cell을 적용한 후 vertical-align: middle 을 적용을 해도 엉뚱하게 나오는 일이 한 두번이 아니다. cssdiv{position: absolute;을 3차원으로 바꾸는 작업을 해야 한다.top: 50%;위에서 50% 띄우기 transform: translateY(-50%);2차원 평면 상에 수직 요소를 -50%씩 옮기기-webkit-transform: translateY(-50%);}