freezner

[CSS] position:absolute 인 요소를 중앙 정렬하는 방법

position:absolute로 절대 좌표 값으로 위치를 지정했을때 중앙 정렬하는 방법은 아래와 같습니다.

.my_div {position:absolute; left;50%; transform:translateX(-50%);}

설명하자면..

화면의 전체 가로 수치에서 절반 만큼의 위치로 이동 시킵니다. (left:50%)

자신의 가로 수치의 절반 만큼 마이너스 이동 시킵니다. (transform:translateX(-50%))

Exit mobile version