Css 我只想剪辑宽度大于容器的图像

我正在为我的客户制作一个网站。问题是所有的图片都不一样。我的高度是500px，宽度是800px。现在我希望高度总是满的，所以我有img{height:100%；width:auto；}但是现在我想要的是，如果宽度更大，它会剪辑图像，这样图片的中间总是可见的。但我只想在宽度小于800px时剪掉它

---

感谢您在advence中提供的所有答案。

使用CSS

背景大小属性，您可以按比例缩放并自动剪裁多余部分

您可以通过在CSS中执行以下操作来实现这一点：

.imgFill
{
    width: 800px;
    height: 500px;
    background-size: cover;
}

在HTML中，您可以这样使用它：

<div class="imgFill" style="background-image:url(path/to/image_01.jpg)"></div>


Flexbox可以做到：


div{
高度：250px；
宽度：400px；
保证金：1em自动；
边框：1px纯灰；
显示器：flex；
证明内容：中心；
溢出：隐藏；
}
img{
身高：100%；
宽度：自动；
}
对于evrybody，我已经找到了答案

这是我正在使用的css：

.custom-page-thumbnail-container{
    float:left;
    text-align: center;
    width: 350px;
    overflow: hidden;
    height: 350px;
}
.custom-page-thumbnail-container img{
    width: auto;
    height: 100%;
    border-top: 6px double #186F38;
    margin-left: -100%;
    margin-right:-100%;}

它真的很好用。不要问我为什么这样做，但它确实很奇怪，它想删除我的嗨，伙计们，所以我会这样做嗨，伙计们，我用我的生命信任你们什么人在哪里。。？要获得适当的帮助，请提供受问题影响的代码部分。这可能会起作用，但问题是它是普通图像而不是背景。这张图片是wordpress的数据库。所以我不能用它作为背景。无论如何，谢谢你的回复：D@LeondenBoer：：我相信你可以把它称为“背景”，结果是一样的——不管怎样，都会显示一幅图像。如果图像在数据库中以“blob”或base64编码的二进制形式存在，您可以通过将blob转换为base64或直接使用base64来使用它，mime类型明确指定如下：
url（数据：image/jpeg；base64，…）
您还可以通过将图像嵌入SVG来实现按比例缩放和裁剪的图像；然而，如果你不能跳出谚语的框框思考，那么任何人都无法为你做任何事情，因为这样的人只会拒绝其他人提供的任何有用的评论，包括其他方法，如将JavaScript与上述方法一起使用等。祝你好运。