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

Rap*_*l_S 3 html css image

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

小智 5

将此添加到您的 css 代码中

.imgfit { width: 250px; height:500px; object-fit: cover}
Run Code Online (Sandbox Code Playgroud)

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