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元素之間

回答

相關問題