文本未在边框之间居中

Text not centered between borders?

本文关键字：之间 边框 文本      更新时间：2023-09-26

我上传了一份你可以在这里看到的页面副本：

http://cybercacher.com/test123/tabs/

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

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

我已经搜索了任何可能导致这种情况的填充或边距，但似乎不知道是什么导致了这种情况的发生。。。如有任何帮助，我们将不胜感激。

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 {
相关文章：