img 居中显示

    <style type="css/text">

    /*如果支持CSS3的话,不支持的话就用js计算left和top的值*/

div{

position: relative;
width: 80px;
height: 80px;

overflow:hidden

}
    .vcenter {position:absolute;left:50%;top:50%;translateX(-50%);translateY(-50%)}
    </style>
    <div>
        <img src='xx' />
        <div class="vcenter">center</div>
    </div>

https://segmentfault.com/q/1010000002773290