CSS中类似表格的图像网格（但带有扭曲）

我想创建一个类似表格的图像网格。每个缩略图（大小和方向各不相同）都应位于其自己的DIV的中心。每行应包含四个图像，然后我希望自动“换行”，这是由封闭TD的大小引起的，结果如下所示：

XXXX
XXXX
XX

下面的代码在Firefox、Opera、Safari和Chrome中正常工作。但在Internet Explorer 7/8/9中，我遇到了两个问题：

1） 图像不是垂直居中的，它们位于DIV的顶部。
2） “断线”不会发生。右边的图像行消失在视线之外

CSS:

HTML:

img.jpg

您可以将其添加到

。内部div

CSS：

*display:inline;
zoom:1;

---

我认为现在的情况是IE无法识别

display:table cell

，因此您需要使用黑客（或者其他方法，告诉IE只使用

display:inline

和

zoom:1

）。

我无法重新创建您用代码描述的效果。你能举个例子吗？

<div class="outer-div"><div class="inner-div">img.jpg</div></div>

*display:inline;
zoom:1;