[Front/CSS] 정 가운데 위치 시키기

엘리먼트를 정 가운데에 위치시켜야할 때가 많다. 

이럴 때 보통 다음과 같은 방법을 생각 할 수 있지만, 이 방법을 사용해도 정 가운데 위치하지 않는다. 

position: absolute;
top: 50%;
left: 50%;

 

다음과 같이 한 줄만 더 추가해주면 정 가운데에 위치 시킬 수 있다!!

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