Css 中心图像大于包含的div

这就是我所拥有的：

.thumbnail {
    height: 600px;
    width: 60%;
    overflow: hidden;
}
.thumbnail img {
    height: 600px;
     width: auto;
}

图像的宽度可以是任意大小，可能比容器div大。如何将其居中？

尝试添加此选项

.thumbnail img {
    height: 600px;
     width: auto;
     display:block;
     margin: 0 auto;
}

---

使用Flex进行简单操作，如您的问题所示，假设图像大小为自由大小（无CSS设置）

缩略图{
高度：600px；
宽度：60%；
溢出：隐藏；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}

简单的选择是将其用作div的背景。然后

background-position-x:center

您可以始终使用flexbox？你能提供你的Html吗？你能提供你的Html吗

.thumbnail {
    height: 600px;
    width: 60%;
    overflow: hidden;  
  display: flex;
  align-items: center;
  justify-content: center;
}