需要通过CSS将图像置于网页中心

Question

即使在调整浏览器大小时,我也希望将图像纵向和横向居中.

目前,我使用这个CSS:

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

这个HTML:

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

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

-机器人

Answer 1

我这样解决了:

img.class-name{

    position: absolute;
    margin: auto;
    left: 0; 
    right: 0;
    top: 0;
    bottom: 0;  
}

Answer 2

试试这个:

position: absolute