当前位置:  开发笔记 > 编程语言 > 正文

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

如何解决《需要通过CSS将图像置于网页中心》经验,为你挑选了2个好方法。

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

目前,我使用这个CSS:

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

这个HTML:


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

-机器人



1> Babul Mirdha..:

我这样解决了:

img.class-name{

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



2> medium..:

试试这个:

position: absolute

推荐阅读
李桂平2402851397
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有