我在我的项目中使用了Font-awesome，每个图标都对齐在行的中间。在Chrome，Firefox和IE上，它们正确对齐，但在Safari上，图标下降约3或4像素。
我检查图标，在每个浏览器中，它们都会渲染并占用它们应该的确切空间。但在 Safari 中，它们以额外的顶部尺寸渲染，图标顶部有一个透明的填充。这不是垂直对齐或行高的问题，字符本身在顶部有这个"透明填充"。
这看起来很愚蠢，但是在一个庞大的项目中，每个图标都向下对齐了3/4px，这应该让我很头疼。
一个可能的原因是您在不同的浏览器中有不同的默认行高。尝试显式设置此项以查看它是否有所作为：
.CSS
i{
line-height:20px;
}
甚至
i{
display:inline-block;
}
根据样式的具体情况，您可能还需要在 I 标签上设置一个类，例如
i.icon-class{ ....}
祝你好运！