将图像裁剪为 <div> 的大小

Question

我的网站上的一些图片有点问题。我有一个 280x310 的 div 容器，但我所有的图像都比这个容器大。我想保持图像的纵横比，并使它们适合 div 的整个高度，在左侧和右侧裁剪图像的任何额外部分（保持图像居中）。这在css中可能吗？谢谢你的帮助。

Answer 1

将此添加到您的 css 代码中

.imgfit { width: 250px; height:500px; object-fit: cover}

Object-fit 将为您完成这项工作。