文本不在边框之间居中？答案

【问题标题】：Text not centered between borders?文本不在边框之间居中？
【发布时间】：2015-03-02 21:32:28
【问题描述】：

我已经上传了您可以在此处看到的页面的副本：

向下滚动页面，您会看到页眉贴在顶部。每当您将鼠标悬停在顶部的任何选项上时，您都会注意到与底部相比，顶部的文本和边框之间的空间更大。

注意：您必须向下滚动页面才能看到我在说什么，它已经与默认（非粘性）标题正常工作。

我已经搜索了可能导致这种情况的任何填充或边距，但似乎无法弄清楚导致这种情况发生的原因...任何帮助将不胜感激。

【问题讨论】：

您的网站完全无法使用。我无法悬停元素，因为当我移动鼠标时，页面会滚动。请提供Minimal, Complete, and Verifiable example。
"您会注意到，与底部相比，顶部的文本和边框之间的空间更大。"你指的是什么？顶什么？什么的底部？

【解决方案1】：

sticky-nav ul li a:hover {
    height: 35px !important;
    line-height: 31px !important; /* change this */

您需要对非悬停状态应用相同的内容以防止跳转：

#sticky-nav ul li a {
    ...
    line-height: 31px !important;

考虑重新配置，这样当用户在下拉菜单中时边框仍然存在：

#sticky-nav ul > li:hover > a {

【讨论】：