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

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

<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>

而下面是我Demo.css：

#clickable_div {width:166px; background-color:#9c9c9c;} 
*{margin:0; padding:0} 
#nav_menu{width:166px; height:auto; background-color:#CCC;display:none;} 

#wrap{ width:166px }

来源

2013-09-24 Isaac Lem

任何的jsfiddle ..？ –

您的HTML是否包含“DOCTYPE”？如果不是的话，你会在“Quirks模式”下工作，这主要是为了与为IE5编写的旧Web应用程序兼容，这意味着让CSS在各种浏览器上做一些可预测的事情并不是一件有趣的任务。将HTML5'<！DOCTYPE html>'放在最上面（在开始''标签之前），并且每个现代浏览器的行为大致相同。 –

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

添加此风格希望将工作

来源

2013-09-24 10:41:32

我觉得'border：0px'没有必要，谢谢你的回答！ –

只是要小心。 –

很难说没有的jsfiddle但我想补充显示：块;在李山的作品..

来源

2013-09-24 10:26:22 Mag

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

回答

相关问题