Jquery LI标记内的块级元素会导致LI标记高于它';它的子内容。这能避免吗?

Jquery LI标记内的块级元素会导致LI标记高于它';它的子内容。这能避免吗?,jquery,html,css,jquery-ui,jquery-ui-menu,Jquery,Html,Css,Jquery Ui,Jquery Ui Menu,当我在菜单项上放置一个图标时,它会使li变高,但是如果你检查元素,li是元素中唯一那么高的东西 这是可以避免的吗?如果没有,原因是什么? 链接到示例: JS-Bin 改变主题 配置仪表板 修改密码 帮助 注销 $(文档).ready(函数(){ $(文档).ready(函数(){ $('ul')。菜单({ }) }); }); 从您的li中删除列表样式图像应该可以做到: .ui-menu .ui-menu-item { list-style-image: none;

当我在菜单项上放置一个图标时,它会使li变高,但是如果你检查元素,li是元素中唯一那么高的东西

这是可以避免的吗?如果没有,原因是什么?
链接到示例:


JS-Bin
  • 改变主题
  • 配置仪表板
  • 修改密码
  • 帮助
  • 注销
$(文档).ready(函数(){ $(文档).ready(函数(){ $('ul')。菜单({ }) }); });
从您的
li
中删除
列表样式图像应该可以做到:

.ui-menu .ui-menu-item {
  list-style-image: none;
}

从您的
li
中删除
列表样式图像应该可以做到:

.ui-menu .ui-menu-item {
  list-style-image: none;
}

终于找到了一张这方面的公开票。我一直在找,但一定没找到。 发件人:

添加以下内容:

.ui-menu li.ui-menu-item{
    display:inherit;
}

对样式表的修改应使其行为正常。很明显,这只发生在webkit浏览器和其他浏览器上。

最终找到了一张公开票。我一直在找,但一定没找到。 发件人:

添加以下内容:

.ui-menu li.ui-menu-item{
    display:inherit;
}

对样式表的修改应使其行为正常。显然,这只发生在webkit浏览器和其他浏览器上。

这在语义上是不正确的。
nav
应该是
ul
的包装,而不是每个
li
的孩子。我试过使用一个div,因为文档中刚刚提到了“块级元素”,问题就出在那里,所以我只是试着使用其他块级元素,看看仅仅使用div是否有问题。我找到了一个答案,这在语义上是不正确的。
nav
应该是
ul
的包装,而不是每个
li
的孩子。我试过使用一个div,因为文档中刚刚提到了“块级元素”,问题就出在那里,所以我只是试着使用其他块级元素,看看仅仅使用div是否有问题。不管怎样我都找到了答案。确认有效。谢谢当我的计时器工作时,我会把它标记为答案。谢谢当我的计时器为upsoywod时,我会将它标记为一个答案。上面的答案同样有效。不确定哪一个更好。soywod的上述答案也适用。不知道哪个更好。