使全宽图像以div为中心

Question

我有一个div容器，最大高度为400像素。我在容器内放置了一个非常大的图像。由于容器有一个最大高度，它显然会切断大部分图片，这正是我的目标。但我唯一的问题是试图将图像放在div的中心位置，因此显示了图片的主要部分。

以下是我目前的代码：

<div class="headerimg">
<img src="www.jpg.com"/>
</div>

.headerimg { max-height: 400px; overflow: hidden; }
.header img { width: 100%; height: auto; }

Answer 1

尝试使用：

div.container {
    margin: 0 auto;
    width: 900px;
}
div.container img {
    max-height:400px;
}

Answer 2

简单使用：text-align：center

live example is here >>>>

div{
  max-height:400px;
  border:1px solid red;    
  text-align:center;
}
div img{
  height:500px;
  width:200px;
}