세로가운데정렬

[CSS] 박스 가운데 정렬 방법

웹 페이지를 구성하다 보면 가운데 정렬을 해야할 때가 오는데요! 저도 많이 해맸었고, 쉽게 이해하고 사용할 수 있도록 정리를 해보려고 합니다! 가로 가운데 정렬 하기 1. margin 사용하기 이 방법을 사용하려면 정렬하려는 요소의 넓이를 반드시!! 꼭! 지정해 줘야합니다. 그렇지 않으면 가운데 정렬이 되지 않아요 블럭 요소의 경우 요소의 넓이가 최대한 넓어지려는 특성이 있습니다. .box{ widht: 200px; height: 200px; margin: 0 auto; } 2. absolute 사용하기 absolute는 위치 상 부모요소의 기준으로 배치가 됩니다. 꼭 위치 상 부모요소를 확인 해줘야합니다. 주의! 부모 요소의 position의 값이 반드시 relative일 필요는 없습니다. .paren..