gpt4 book ai didi

jquery - LI 标签内的 block 级元素导致 LI 标签比它的子内容高。这可以避免吗?

转载 作者:太空宇宙 更新时间:2023-11-04 01:34:35 25 4
gpt4 key购买 nike

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

这是可以避免的吗?如果不是,为什么?
示例链接:https://jsbin.com/kirekufoju/edit?html,output

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<link href="https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>

<div>
<ul id="e3ce4756-8352-40ab-b273-e87e253df37d" role="menu" tabindex="0" class="" aria-activedescendant="ui-id-18" >
<li action="Change Theme" id="menuItem_1467148140" d>
<nav id="ui-id-17" tabindex="-1" role="menuitem" class=""><span class="ui-icon ui-icon-disk "></span>Change Theme</nav>
</li>
<li action="Configure Dashboard" id="menuItem_772280342" >
<nav id="ui-id-18" tabindex="-1" role="menuitem" class=""><span class=""></span>Configure Dashboard</nav>
</li>
<li action="Change Password" id="menuItem_145997753" >
<nav id="ui-id-19" tabindex="-1" role="menuitem" class=""><span class="ui-icon ui-icon-disk "></span>Change Password</nav>
</li>
<li action="Help" id="menuItem_351754787" data-uri="">
<nav id="ui-id-20" tabindex="-1" role="menuitem" class=""><span class=" "></span>Help</nav>
</li>
<li action="Logout" id="menuItem_1997186055" >
<nav id="ui-id-21" tabindex="-1" role="menuitem" class=""><span class=" "></span>Logout</nav>
</li>
</ul>
</div>
</body>
<script>
$(document).ready(function(){

$(document).ready(function(){
$('ul').menu({

})

});
});
</script>
</html>

最佳答案

li 中删除 list-style-image 应该可以解决问题:

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

https://jsbin.com/mimeqebute/1/edit?html,output

关于jquery - LI 标签内的 block 级元素导致 LI 标签比它的子内容高。这可以避免吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46492666/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com