1

我想这个问题已经被问过很多次了，但我已经在网上搜索了一整天，找不到一个好的解决方案。我想在 div 中居中图像，使其看起来像一个框架。我有不同尺寸的图像，有些是纵向的，有些是横向的。我希望它们水平和垂直居中，并且如果尺寸较大，它不会溢出容器。现在我已经阅读了有关 div 与表格设计的信息，但说真的，现在我只想完成这项工作，所以任何解决方案都将不胜感激。

4

2 回答 2

3

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

table-cell 支持 IE8+

于 2012-06-28T06:10:18.310 回答
3

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

演示 http://jsfiddle.net/rathoreahsan/99BXT/

笔记：

  1. 缺点：在 Internet Explorer 8 浏览器下使用display:table-cell将无法使用，其余浏览器将除此之外。优点：它也可以通过使用固定宽度和固定高度来工作。

  2. 优点：使用display:block将适用于所有浏览器。缺点它不能通过使用固定宽度和固定高度来工作。但是您可以使用与padding本演示中提到的相同的（上、右、下、左）来管理它

于 2012-06-28T06:32:10.020 回答