0

我有一个水平剑道菜单作为我的主要导航菜单。在那些有子项的菜单项上,它在菜单项文本的末尾有一个右箭头,但在它的右边,几乎是负间距。我试过加padding-left, margin-left, 也试过:beforeand:after伪, 唯一的区别是当我用:after伪 with 时content: "&nbsp", 它实际上放入了字面的五个字符串, 使用空格, 即content: " "没有效果。

由于某种原因,用户必须单击带有子项的菜单项才能使其下拉,尽管我怀疑还有一个悬停条件永远不会起作用,因此箭头是向用户指示菜单项具有子项的唯一指示,并且必须点击才能看到它们。我目前唯一的解决方案是使用 jQuery 删除爆破的箭头,并使用我的问题的答案如何让剑道菜单在悬停时打开,而不是在点击时打开?使带有子项的菜单项自动下拉。

在这个绿色地球上,有没有人知道如何在箭头和菜单项文本之间留出合适的间距,他们会介意分享它,还是拿着它来换取一笔可观的赎金?

这是菜单的图片:

在此处输入图像描述

4

1 回答 1

1

如果您的菜单类似于水平方向的http://demos.kendoui.c​​om /web/menu /orientation.html,那么您需要更改:

 .k-menu .k-item>.k-link>.k-i-arrow-e {
     right:0px;
 }

它是绝对定位的,所以你需要使用 top/left/bottom/right 来将它放在你想要的位置,以及为什么边距似乎没有效果

于 2013-06-26T12:02:59.583 回答