我有一个问题让我有点发疯。我有一个包含较大图像(没有固定尺寸)的小 div
我拍摄了这张较大的图片,并将其宽度设置为 100% 以缩小以适合框边界,但我需要图片在 div 内垂直居中显示,而不是自上而下。
是否有一个简单的 CSS 修复程序?我一直在四处寻找,但运气不佳。
Currently: Intended:
-------- --------
| div /w | |overflow|
| image | --------
-------- | div w/ |
|overflow| | image |
| image | --------
-------- |overflow|
--------
最佳答案
我会试试这个 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); }
关于html - 在较小的 div 中垂直居中大图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3638386/