absolute 요소를 중앙에 배치하는 법 > IT 기술백서

여러가지 방법이 있지만 가장 간단한 방법인듯 하다.

 

가로 중앙 정렬

[code]

left: 50%;

transform: translateX(-50%);

[/code]

 

세로 중앙 정렬

[code]

top: 50%;

transform: translateY(-50%);

[/code]