css 当图片高度大于div 时 如何垂直居中？

当img图片的高度大于 div 时 想让 图片在div 里面居中如何显示呢？元素模板为你解答，加入下面代码即可
 

<div class="ys720">
    <img src="/images/face-img/test-22.png" >
</div>

.ys720{
    width:348px;
    height:436px;  
    display: flex;
    justify-content: center;
    align-items: center;

}
.ys720 img{
    width:100%;
    height:100%;
    object-fit:cover;
}