img 居中显示 自适应大小 超出部分不显示

.box{
  position: relative;
  overflow: hidden;
}
.box img{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
}