将图像置于div内。水平和垂直

Question

我认为这个问题已被多次询问，但我一直在网上搜索一整天，但找不到一个好的解决方案。我想将图像居中在div中，使其看起来像一个框架。我有不同大小的图像，有些是肖像，有些是风景。我希望它们水平和垂直居中，如果尺寸较大，它不会溢出容器。现在我已经阅读了关于div与桌面设计的内容，但是说真的，现在我只想完成工作，所以任何解决方案都会非常感激。

Answer 1

查看演示 - http://jsfiddle.net/x6jDu/

table-cell具有IE8 +支持

Answer 2

您可以点击下面的演示链接来实现它：

DEMO http://jsfiddle.net/rathoreahsan/99BXT/

注意：

1. 缺点：使用display:table-cell无法在Internet Explorer 8浏览器下运行，其余浏览器除外。 优点：它也可以使用固定宽度和固定高度。

2. 优点：使用display:block将适用于所有浏览器。 缺点使用固定宽度和固定高度无法正常工作。但是您可以使用与本演示中提到的（顶部，右侧，底部，左侧）相同的padding进行管理