html - 如何将图像放在html页面的中心？

<分区>

Possible Duplicate:
How to center div horizontally and vertically

我需要将图像放在 html 页面的中心，无论是垂直的还是水平的……尝试了一些东西但似乎工作正常。为了获得水平对齐，我使用了 <body style="text-align:center">

它工作正常，但是垂直对齐有什么用呢？

问候

最佳答案

如果:

X is image width,
Y is image height,

然后:

img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -(X/2)px;
    margin-top: -(Y/2)px;
}

但请记住，只有当您网站上的唯一元素是这张图片时，此解决方案才有效。我想这里就是这种情况。

使用此方法可为您带来流动性的好处。某人的屏幕有多大(或多小)无关紧要。图片将始终位于中间。

关于html - 如何将图像放在html页面的中心？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11206109/