구름만드는공장

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

정보

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

Paulsvee 2018. 1. 23. 10:29
반응형

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%);

 

끝! 쉽죠~

 

 

반응형
Comments