html - div内图片的自动宽度显示:table so they are of the same height

Question

我想在父级 display:table div 中显示具有 display:table-cell 样式的 div 中的图像。图片高度不一，但都在400px以上。我在它们上设置了 max-height: 200px。它在 Chrome 中运行良好，它会自动计算每个单元格的宽度，以便图像的高度大致相同 (±2px)。然而，它在 IE 中不起作用，在 IE 中表格延伸到父 div 之外，尽管 max-width 和/或 width 设置为 100%。要修复它，可以使用 table-layout:fixed，但图像高度不同。有谁知道如何让它工作？谢谢。

JsFiddle:jsfiddle.net/6qdjdrLe/4

问题是在 IE 中，表格和表格行将超过容器的宽度，即使使用表格、tr 和 td 标签也是如此:jsfiddle.net/6qdjdrLe/7 .表格布局修复了它，但制作了不同高度的图像。我希望图像具有相同的高度，并使表格不会溢出父 div。希望 IE 更聪明。

Answer 1

img {
    height: auto;
    max-height: 200px;
    vertical-align: middle;
    width: 100%;
}