大小不固定图片垂直居中 

.pic_box {
    width: 300px;
    height: 300px;
    font-size: 0;
    text-align: center;
}
.pic_box:after {
    display: inline-block;
    width: 0;
    height: 100%;
    content: '.';
    vertical-align: center;
    overflow: hidden;
}
<div class="pic_box">
    <img scr=" "/>
</div>

　　

posted @ 2017-12-17 20:08  summercyz  阅读(164)  评论(0)  编辑  收藏  举报