在div的中心和中间对齐图像

下面是div

<div id="over" style="position:absolute; width:100%; height:100%>
 <img src="img.png">
</div>

如何对齐图像，使其位于div的中间和中心?

当前回答

CSS文件

.over {
    display : block;
    margin : 0px auto;

其他回答

水平放置

#over img {
    display: block;
    margin: 0 auto;
    clear:both;
}

另一种方法:

#over img {
    display: inline-block;
    text-align: center;
}

只需要放置:

   #over img {

           vertical-align: middle;
        }

<div style="display:table-cell; vertical-align:middle; text-align:center">
<img src="img.png">
</div>

这将是一种更简单的方法

#over > img{
    display: block;
    margin:0 auto; 
}

HTML:

<div id="over">
    <img src="img.png">
</div>

CSS:

#over {
  text-align: center;
}

#over img {
  vertical-align: middle;
}

这招对我很管用:

#image-id {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: auto;
    margin: 0 auto;
}

推荐文章