图片水平垂直居中

 方法一：

css：

.box{
    width:300px;
    height: 300px;
    display: flex;
    align-items: center;
    border:1px solid red;
}
.box img{
    margin:0 auto;
}

html：

<div class="box">
    <img src="images/public_code.png" />
</div>

方法二：

css：

.bigbox{
    width:300px;
    height: 300px;
    display: table;
    border:1px solid red;
}
.bigbox .smallbox{
    display: table-cell;
    vertical-align: middle;
}
.bigbox .smallbox img{
    margin:0 auto;
    width:100px;
}

html：

<div class="bigbox">
    <div class="smallbox">
        <img src="images/public_code.png" />
    </div>
</div>