[CSS] absolute 에서 요소 화면 정 중앙에 배치하기

요소의 style position이 absolute일 때,

화면 정 중앙에 요소를 배치하는 방법을 알아보겠습니다.

 

아래 사진은 배치한 결과입니다.

아래 코드를 사용하면 됩니다.

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);