html - 在较小的 div 中垂直居中大图像

Question

我有一个问题让我有点发疯。我有一个包含较大图像(没有固定尺寸)的小 div

我拍摄了这张较大的图片，并将其宽度设置为 100% 以缩小以适合框边界，但我需要图片在 div 内垂直居中显示，而不是自上而下。

是否有一个简单的 CSS 修复程序？我一直在四处寻找，但运气不佳。

Currently:    Intended:
 --------      --------
| div /w |    |overflow|
| image  |     --------    
 --------     | div w/ |
|overflow|    |  image |
| image  |     --------
 --------     |overflow|
               --------

Answer 1

我会试试这个 CSS:

div.container { width: ?px; height: ?px; overflow: hidden; position: relative; }
div.container img { position: absolute; top: (-50% of image height); left: (-50% of image width); }