为什么我的图片在 Firefox 和 IE 上没有垂直居中？

【问题标题】：Why my image isn't vertically centered on Firefox and IE?为什么我的图片在 Firefox 和 IE 上没有垂直居中？
【发布时间】：2013-01-06 19:51:57
【问题描述】：

http://www.jsfiddle.net/PUMqS/

Facebook 图标在 Opera / Chrome 上垂直居中，但在 Firefox / IE 中不居中。你知道为什么，以及如何解决这个问题吗？

【问题讨论】：

标签： image internet-explorer firefox vertical-alignment

【解决方案1】：

在 Mac 上的 Firefox 中，我的图标垂直居中。

但请注意，是否是取决于您的确切字体以及它们如何被光栅化。如果您在 Windows 上，Firefox 和 IE 都使用 DirectWrite 处理文本，而 Opera 和 Chrome 使用 GDI。您可以尝试在 Firefox 中关闭硬件加速以使其使用 GDI，看看这是否会改变您的渲染。如果是这样，那么您需要将标记修复为不依赖于居中的文本度量...

【讨论】：