div display:table 内图像的自动宽度，因此它们具有相同的高度

Question

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

JsFiddle：jsfiddle.net/6qdjdrLe/4

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

Answer 1

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