使用max-width时，图像不在IE8中居中？

Question

我有一张包含图片的表格，但由于某种原因，我无法让某些图片正确居中。当我应用max-width:170px时，图像会正确调整大小，但不会居中。在其他所有浏览器（甚至是IE7）中，一切看起来都不错，但是IE8扼杀了。这是FIDDLE http://jsfiddle.net/5VT7e/。

注意：我在Chrome中创建了小提琴，但是在IE8中查看它，我猜JSFIDDLE在IE8中不起作用。尽管如此，你可以查看所有代码;）

以下是问题的屏幕截图：

问题：

所需

• 第一张图片看起来不错
• 第二张图片向右移动
• 第三张图片看起来不错
• 第四张图片向右移动
• 第五张图片向右移动

几乎任何max-width:170px效果向右移动的图像。

感谢您一看。

Answer 1

This answer提供了两种可能的解决方案：

1. 在图片上设置width: auto
2. 在图片的直接父元素上提供宽度。