div显示内部图像的自动宽度：表格，因此它们具有相同的高度

Question

我想在父display:table-cell div中显示具有display:table样式的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%;
}