Question

当我在.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>

Answer 1

代码的这一部分是CSS，此处的注释必须包含在/* */之间，而不是之间。目前浏览器正在忽略该行。

e.g。

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

Answer 2

你是css（样式标签）所以样式和脚本是/* */ html（其他html代码）<!— —>用于css对你文件的使用/*和*/ 希望它有所帮助！

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

评论时消除保证金

2 个答案: