如何将大图像居中放置在浏览器窗口中,以使宽于窗口的图像仍居中?
另请:http://carolineelisa.com/rob/
我不想简单地将图像设为背景图像,因为它会动态更改为不同大小的图像,并且我希望能够向下滚动以在正确的高度看到它们。
但是,如果容器div的高度可以根据背景图像的高度改变,我可以将其设置为背景图像吗?
我不介意使用水平滚动条,但不希望这样做。
谢谢!
最佳答案
<div style="background:url(/path/to/image.png) center top; width:100%; overflow:hidden">
<img src="/path/to/image.png" style="visibility: hidden;">
</div>
这可能会让您到达想要的地方。和示例:fiddle and source
编辑
修复它:fiddle and source
关于css - 如何居中放置比浏览器窗口宽的图像(不是背景图像),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/6865128/