img标签的奇怪行为

Question

在页面上创建div网格时遇到一些问题，但网格中的每个单元格都可以包含不同类型的元素，如<div></div>或<img/>。网格正在生成，但当细胞中很少有元素不同时，网格就会失真。

这是问题的fiddle example。

但是当您使用img替换divs代码时，它可以正常工作。 任何帮助。

Answer 1

在这种情况下，您可以使用vertical-align:top;让元素匆匆到达顶行，而不是从最后一行开始。 http://jsfiddle.net/22fD6/5/

Answer 2

您应该将vertical-align:top应用于div元素。在这里小提琴：http://jsfiddle.net/keaukraine/AQnS4/