포지션 position: absolute 값을 사용할경우 가운데(센터) 정렬 하는 팁

position: relative 에서 위치 조종시
position: absolute 를 사용하는데 센터 정렬 하는 css 팁 입니다.
 

  top: 50%;

  left: 50%;

위처럼 입력하게 되면 중간에 맞춰지기는 하나
좌측 꼭짓점 기준으로 정렬 되므로 정중앙에 맞지 않는다.
그러므로

 

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);


위처럼 입력하면 정중앙에 맞춰지는것을 볼 수 있다.