让图片在div中垂直居中

1.flex布局

/*你的父容器*/
 .box{
        display:flex;
        align-items: center;//子元素垂直居中
        justify-content: center;//子元素水平居中
}

2.table布局

 .box{
        display:table;
       vertical-alian:middle;
}

转自:https://segmentfault.com/q/1010000010967267