文本未在行中垂直居中

Question

文字下方的空间似乎比上方更大。

如何使用 CSS 解决此问题？

Answer 1

确保您的文字中有

no specific padding/ margin

。然后，给文本一个

proper line-height

，直到它垂直居中。您可以尝试

google's developer tool

（右键单击元素并检查元素或只需按 F12 ）检查正确的行高。

Answer 2

这可能是由您使用的字体和浏览器的组合引起的。我遇到了同样的问题，我通过 FontSquirrel's Webfont Generator（位于 https://www.fontsquirrel.com/tools/webfont-generator）运行字体文件来修复它。在生成器设置中，确保将 Vertical Metrics 设置为 Auto-Adjust Vertical Metrics。

更多详情请参考这个答案：

https://stackoverflow.com/a/15860322/3163495