Html 隐藏的图像溢出行为不正确

我一直在为Wordpress主题使用特定的博客布局。我已经修改了它，但在将1920像素乘以550像素的图像居中并隐藏溢出时遇到了问题。目前，图像正变得越来越长

相关博客的链接：

代码：

。模板博客。大预览{
填充：0像素0；
宽度：1920像素；
}
.模板博客.大预览img{
宽度：100%；
高度：510px；
背景位置：中心；
溢出：隐藏；
}

---

将

溢出

及其值应用于

.big preview

或任何包含图像的内容。图像本身无法溢出

。大预览{
溢出：隐藏；
宽度：100%；
高度：510px；
}
.大预览img{
宽度：100%；
高度：自动；
}

---

您可以通过应用

边距：0自动将页眉居中符合您的风格

#top .fullsize .template-blog .big-preview {
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    width: 1920px;
}

如果需要将图像居中，请添加
文本对齐：居中到其父块元素将图像居中，因为图像是内联元素
我尝试了您的解决方案，我相信这是我最初的解决方案。它仍然在拉伸图像。这里有一个直接链接到博客，这可能对你更有帮助：你会看到图片没有拉伸，也没有居中。谢谢对不起，伙计，这对我不合适。你能提供一把小提琴吗？如果我将其设置为%，则图像会随着视口的更改而拉伸变形。我想它只是中心的图像，并保持在一个静态1920x550大小的图像。如果这是不可能的，我可能只需要使用一些媒体大小来确定最佳负边距（我不喜欢这样做）。再次感谢！随着窗口缩小，图像高度从510px变为403px。在1920 x 1080监视器上，您的代码工作得非常好。但是当视口缩小时，图片保持相同的纵横比并缩小，而不是居中裁剪。谢谢您的评论。不幸的是，这对我不起作用。你能看一看我在原始帖子中发布的博客帖子链接，看看它是否能正常运行吗？我不确定你想达到什么目的，发布一张你预期结果的图片会让它更容易。上面代码中裁剪并居中的标题如下所示