需要通过CSS在网页中心图像

即使浏览器调整大小,我也希望将图像垂直和水平放置在页面中.

目前,我使用这个CSS：

.centeredImage {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -150px;
}

而这个HTML：

<img class="centeredImage" src="images/logo.png">

它以FF为中心,但不是IE(图像中心位于左上角).有任何想法吗？

-机器人

解决方法

尝试使用这个：

position: absolute