设置图片在固定宽高的div中垂直居中

常用的一种方法

<div class="box">
    <img src="./image/i.jpg"/>
</div>

<style>
.box{
 width:120px;
height:120px;
position:relative;
}
.box img{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
max-width:100%;
max-height:100%;
}
</style>