Jquery HTML下拉菜单删除LI元素之间的空白_Jquery_Html_Css_Drop Down Menu

Jquery HTML下拉菜单删除LI元素之间的空白

jquery html css drop-down-menu

Jquery HTML下拉菜单删除LI元素之间的空白,jquery,html,css,drop-down-menu,Jquery,Html,Css,Drop Down Menu,我使用图像作为下拉列表项，发现每个元素之间都有不必要的空白，因此想知道是否有可能删除所有空白 <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="demo.css"> </h

我使用图像作为下拉列表项，发现每个元素之间都有不必要的空白，因此想知道是否有可能删除所有空白

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="demo.css">
</head>
<body>
    <div id='wrap'>
        <div id="clickable_div">MENU</div>
            <div id="nav_menu">
                <ul class="dropDown">
                    <li><img src="ori_12.png"></li>
                    <li><img src="ori_12.png"></li>
                    <li><img src="ori_12.png"></li>
                    <li><img src="ori_12.png"></li>
                </ul>
            </div>
        </div>
    </div>

</body>
<script>
        $('#wrap').mouseover( function(){
            $('#nav_menu').slideDown();
        })
        $('#wrap').mouseleave( function(){
            $('#nav_menu').slideUp();
        });

    </script>
</html>

没有jsfiddle很难说，但我会添加display:block；到li中的图像..


 <style>
    li{
        display: block;
        border: 0px;
    }
</style>

李{
显示：块；
边界：0px；
}

添加此样式希望它能工作

您的HTML是否包含

DOCTYPE

？如果不是的话，你将在“怪癖模式”下工作，这主要是为了与为IE5编写的旧web应用程序兼容，这意味着让CSS在浏览器间做一些可预测的事情并不是一项有趣的任务。将HTML5

放在顶部（在打开

标签之前），每个现代浏览器的行为方式大致相同。我认为

边框：0px

不是必需的，谢谢你的回答！

 <style>
    li{
        display: block;
        border: 0px;
    }
</style>