css 垂直中心剪切图像 - http://jonrohan.codes/fieldnotes/vertically-center-clipped-image/

Posted 2021-05-13

.image-wrapper {
  height: 100px;
  overflow: hidden;
}

.image-wrapper img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  height:auto;
  display:block;
}