在評論時消除邊距

當我在.html文件中的代碼旁邊添加註釋時，我在我的li元素上水平獲取不需要的邊距。當我刪除它時，邊距消失。發生了什麼，並且有沒有辦法在不影響顯示的情況下添加註釋？下面是代碼，這裏的評論是在李治：在評論時消除邊距

<!DOCTYPE html> 

<html lang="en"> 

<head> 
    <meta charset="utf-8"> 
    <meta name=」viewport」 content=」width=device-width」> 
    <title>Test Navigation</title> 

    <style> 

ul {     
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    background-color: white; 
    position: absolute; 
} 

li {  
    display: inline-block; <!--allows you to display like an inline but you can add width and height--> 
    float: left; 
    border: 1px solid red; 

} 

li a { 
    display: block; 
    font-size: 1.3rem; 
    text-align: center; 
    min-width:140px; 
    height: 50px; 
    line-height: 50px; 
    border: 1px solid black; 

} 
    </style> 
</head> 

<body> 


      <ul> 
       <li><a class="active" href="#" >HOME</a></li> 
       <li><a href="#">VIDEOS</a></li>   
       <li><a href="#">DOCUMENTS</a></li> 
       <li><a href="#">SCTE</a></li> 
       <li><a href="#">TRAINING</a></li>   
       <li><a href="#">EVENTS</a></li>    
      </ul> 



</body> 

</html>

來源

2017-10-19 sunspore

CSS註釋語法是'/ *註釋* /' – zgood

添加到您的'ul'：'字體大小：0;'https://stackoverflow.com/questions/5256533/a-space-內嵌塊列表項目 – admcfajn

[內嵌塊列表項目之間的空間]的可能重複（https://stackoverflow.com/questions/5256533/a-space-between-inline-block-list-items） – admcfajn

這部分的代碼是CSS和這裏的註釋必須/* */，不之間封閉。目前該行被瀏覽器忽略。

例如

display: inline-block; /* allows you to display like an inline but you can add width and height */

來源

2017-10-19 20:59:17 AjitZero

你在CSS（樣式標籤），這樣的風格和腳本是/* */ HTML（其他HTML代碼）是<!— —>對CSS的文件使用/*和*/
希望它幫助！

display: inline-block; /* allows you to display like an inline but you can add width and height */

來源

2017-10-19 20:59:28

「_you是在CSS的HTML是爲css_」什麼？ – csmckelvey

查看編輯（syle） – 2017-10-19 21:01:04

在評論時消除邊距

回答

相關問題