图像大于DIV，垂直居中

Question

我正在寻找解决方案几个小时但却无法找到它。

我有固定高度和50％宽度的div。我希望在其中显示100％宽度和默认宽高比但垂直居中的图片

谢谢;）

<div class="wrap">
   <img class="img">
</div>

Answer 1

将overflow:hidden添加到div中，然后将图像的边距调整为负值。多少取决于div的固定高度和图像高度。

修改
如果您不知道图像高度，请考虑使用CSS和背景图像。而不是输出图像标签，在div上输出内联样式。

<div class="css-is-good" style="background-image: url(image.jpg);"></div>

<强> CSS

div.css-is-good {
    background-position: 50% 50%;
    /* if you need to stretch it, use background-size: */
    background-size: 100% auto;
}

更新了小提琴：http://jsfiddle.net/willthemoor/Cu3G5/