html图片居中显示不失真

<style>

.cover {
object-fit: cover;
width: 50px;
height: 100px;
}

</style>

 

<img src="./2OrtT.jpg" class="cover"  />