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

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

설명하자면..

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

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

찐빵

이 곳에 작성된 모든 컨텐츠는 CCL 규약의 CC BY-NC-SA (저작자표시-비영리-동일조건변경허락) 조건을 따릅니다. 비상업적 용도로 출처를 밝혀주시면 얼마든지 공유 가능합니다.

You may also like...

%d 블로거가 이것을 좋아합니다: