이미지를 CSS로 정렬

Question

공백 페이지가 단지 doctype 및 본문이 있습니다.
이미지를 세로 및 가운데로 가운데에 배치하는 방법? 모니터의 모든 해상도에서 이미지의 중앙에 위치해야합니다.

Answer 1

은 고정 된 크기의 이미지, CSS 경우

는

img#the-image{ 
position:absolute; 
top:50%; 
left:50%; 
margin-left:-HALF_OF_THE_IMAGE_WIDTH; 
margin-top:-HALF_OF_THE_IMAGE_HEIGHT; 
}