[CSS] position: absolute 가운데 정렬 시키기

 

left: 50%; top: 50% 준 후에 transform을 이용해 요소 크기 만큼 보정 하기

.contents {
	position: absolute; 
	left: 50%; top: 50%;  transform: translate(-50%, -50%);
}

 

 

높이값은 지정하고 좌우만 가운데 정렬할 경우.

.contents {
	position: absolute; 
	left: 50%; top: 300px;  transform: translate(-50%, 0);
}