가운데정렬1 CSS 세로 가운데 정렬 방법 정리 오늘은 CSS를 사용하여 html 요소를 세로로 가운데 정렬 하는 방법에 대해 포스팅 하려합니다. 가로 정렬방법에 비해 방법이 여러가지고 적용하려면 혼동 되는 경우가 많아 이번 기회에 정리하는 시간을 가져볼까 합니다. 그럼 하나씩 알아볼까요 1. display:table 이용 가운데 정렬할 box요소의 가장 바깥쪽 table영역에 display: table, position: relative 적용 후 한단계 아래 table_cell영역에 display: table-cell, vertical-align: middle 속성을 부여하는 방법 입니다. 아래와 같이 세로로 가운데 정렬된 결과 화면을 확인 할 수 있습니다. 2. margin: auto 이용 wrapper영역을 position: relative로 지.. 2022. 12. 29. 이전 1 다음