将图像与css对齐

Question

我有一个空白页面，只有doctype和body 如何将图像垂直和中间放在身体中心？ 图像应以显示器的每个分辨率为中心。

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;
}