html - 使用最大宽度时图像不在 IE8 中居中？

Question

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

注意:我在 Chrome 中创建了 fiddle ，但在 IE8 中查看它，我猜 JSFIDDLE 在 IE8 中不起作用。尽管如此，您还是可以查看所有代码；)

这是问题的屏幕截图:

问题:

期望:

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

几乎所有 max-width:170px 效果的图像都会向右移动。

感谢您的关注。

Answer 1

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

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