我可以减少子菜单之间的空间吗？

Question

我对子菜单有疑问。

这是我的子菜单。我想减少BLOG和ABOUT之间的空间。你可以查看我的网站。我的网站是here。

该空间由此代码组成↓

#masthead .top-strip nav > ul > li a{
        padding-top:26px;
                padding-bottom:27px;
    }

我不想删除此代码。我必须使用。

我尝试使用此代码，但这并不好。 ↓

#masthead .top-strip nav > ul {
        padding-top:26px;
            padding-bottom:27px;
    }

我可以减少子菜单 之间的空间吗？请帮帮我！

Answer 1

您的间距是由

中的填充顶部和底部引起的

#masthead .top-strip nav > ul > li a{
    padding-top:26px;
    padding-bottom:27px;
}

减少此填充，您的间距将会消失

更新
试试这个：

#masthead .top-strip nav > ul > li a {
    padding-top: 15px;
    padding-bottom: 15px;
    display:block;
    margin-top: -10px;
}

Answer 2

你可以尝试这个

.color-site-white .sub-menu li a {
    padding: 0px !important;
}

Answer 3

你的子菜单有一个填充底部。

为这些项目提供一个类，例如，给它们一个10的填充底部。

Answer 4

最佳和最短的解决方案是使用line-height 但是，这并没有使用很多人。

CSS：

#masthead .top-strip nav > ul > li a{
    padding: 0;
    line-height: (maybe)30px;
}

对line-height的简短解释：

............................................... .....
。 。
。 。
这是带有行高的文本 。 。
。 。
.................................................. ..