我要将图像居中，使其所有边都有相等的边距。

div {
    margin-top: 50px; 
    width: 40%; 
    box-shadow: 0 0 10px 0px rgb(0 0 0 / 8%); 
    height: 60vh; 
    overflow: hidden; 
 }

img { 
     object-fit: contain; 
     max-height: 55vh;
     width: 100%;
 }

顺晟科技：

可以使用FlexBox将一个元素居中置于另一个元素中。