图片在容器中居中显示

加上这两个就行

display:-webkit-box; 显示成盒子模式

-webkit-box-align:center; 垂直居中

-webkit-box-pack:center; 水平居中

html

<div class="center">
    <img src="images/logo.jpg" alt="logo" >
</div>

CSS

.center{
    width:600px; height:700px;margin:0 auto;background:#CDFFCC;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-align:center;
    -moz-box-align:center;
    box-align:center;
    -webkit-box-pack:center;
    -moz-box-pack:center;
    box-pack:center;
}

浏览器兼容性

原文地址

https://www.cnblogs.com/tinyphp/p/4765939.html