CSS | 가운데 정렬 방법 3가지

나는 제일 코린이 같은 방식으로 해왔다 호호

margin: (중앙쯤오는 마진값)px auto;
😇

구러나 오늘 멘토님이 여러방법으로 소개해주신 정렬방법을 정리하려고 한다

flex : 제일 트렌디

display: flex;
justify-content: center;
align-items: center;

grid : grid에 대한 이해도가 필요함

display: grid;
place-items: center;

position : 고전방법

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);