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

下面是div

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

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

当前回答

这为我工作，当你必须居中对齐图像和你的父div图像已经覆盖整个屏幕。即高度:100%，宽度:100%

#img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

其他回答

img.centered {
   display: block;
   margin: auto auto;
}

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

CSS文件

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

这将是一种更简单的方法

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

这为我工作，当你必须居中对齐图像和你的父div图像已经覆盖整个屏幕。即高度:100%，宽度:100%

#img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

推荐文章