Question

我有一个spry菜单，在菜单中你有子菜单，数字之间的间距很糟糕。我已经更改了spry菜单css中的几乎所有内容，但间距不会改变。我认为这与padding有关，但无法确定。所以我的问题是：为什么子菜单文本之间的间距如此之大？

以下是子菜单css：

ul.MenuBarHorizontal ul
{
margin: 0;
padding-top: .5em;
padding-right: .75em;
padding-bottom: 5em;
padding-left: .75em;
list-style-type: none;
font-size: 50%;
z-index: 1020;
cursor: pointer;
width: 83px;
position: absolute;
left: -100em;
border: 0px;
text-align: center;
top: 91px;
height: 307px;
    }

我已经查看了其他问题，但似乎没有人回答我的问题。我已经阅读了spry菜单，但那里没有运气。也许其他人可以给我一些建议。

所以让我总结一下我的问题。我需要更改什么才能在子菜单中拥有文本空间，以便它们不会相距太远？

Answer 1

您没有正确选择子菜单元素：

它应该类似于：

ul li ul li a{
}

或

ul.MenuBarHorizontal ul li a {
}

或

ul.MenuBarHorizontal ul li a {
    margin: 0;
    padding-top: .5em;
    padding-right: .75em;
    padding-bottom: 5em;
    padding-left: .75em;
    list-style-type: none;
    font-size: 50%;
    z-index: 1020;
    cursor: pointer;
    width: 83px;
    position: absolute;
    left: -100em;
    border: 0px;
    text-align: center;
    top: 91px;
    height: 307px;
}

尝试将鼠标悬停在其中一个子菜单上，右键单击并选择＆＃34;检查＆＃34;元件。您可以看到HTML组成您要尝试定位的控件。

一旦你有了正确的CSS选择器，你的样式应该开始工作。

Spry菜单文字可怕的间距

1 个答案: