我认为这个问题已被多次询问,但我现在已经在网上搜索了一整天,但找不到一个好的解决方案。我想将图像居中在div中,使其看起来像一个框架。我有不同大小的图像,有些是肖像,有些是风景。我希望它们水平和垂直居中,如果尺寸较大,它不会溢出容器。现在我已经阅读了关于div与桌面设计的内容,但是说真的,现在我只想完成工作,所以任何解决方案都会非常感激。
查看演示 - http://jsfiddle.net/x6jDu/
table-cell具有IE8 +支持
您可以通过单击下面的演示链接来实现它:
但是z zxswい
注意:
display:table-cell
将适用于所有浏览器。缺点使用固定宽度和固定高度不起作用。但是您可以使用相同的display:block
(顶部,右侧,底部,左侧)来管理它,如本演示中所述