CSS 포지션 값이 absolute일 때 가운데 정렬 하는 방법

How to center it when the CSS position value is absolute

 

말 그대로 CSS에서 포지션 (position) 값이 absolute일 때 가운데 정렬하는 방법입니다.

 

보통은 div에 크기를 주고 margin:0 auto;를 주어서 가운데 정렬을 하지만,

만약 여기에 포지션 값이 앱솔루트라면 가운데 정렬이 안돼죠.

그럴 때 아래처럼 하시면 됩니다!

 

position:absolute; left;50%; transform:translateX(-50%);

 

끝! 쉽죠~