分離元素忽略，現在合併

目前正在學習MVC的過程中，我認爲它會干擾HTML代碼。我只有一個基本的導航菜單作爲列表，並且兩個<li>項目似乎合併爲一個。有什麼方法可以確保兩人在生活時分開？分離元素忽略，現在合併

@if ((Request.Url.AbsolutePath.ToString().ToLower() != "/home/index") && (Request.Url.AbsolutePath.ToString() != "/")) 
{ 
    <nav data-spy="affix" data-offset-top="500" style="border-radius:0px; left: 0" ng-hide="sideBar" id="nav"> 
     <img src="~/Content/images/open.png" ng-model="sideBar" id="sideBarOpen" style="left:0px; top:0;"/> 
     <div id="sideBar" style="left: -200px"> 
      <ul> 
       <li><a href="@Url.Action("Index", "Home")" id="navHeader"> Home </a></li> 
       <li><br /></li> 
       <li><a href="@Url.Action("AboutMe", "Home")" id="">About Me</a></li> 
############# 
       <li><a href="@Url.Action("Experience", "Home")" id=">Experience</a></li> 
       <li><a href="@Url.Action("Resume", "Home")" id="">Resume</a></li> 

############ These two seem to be recognized as 1 <li> and not two. 

       <li><a href="@Url.Action("Contact", "Home")" id="">Contact</a></li> 
      </ul> 
      <img src="/Content/images/myPic.jpg" /> 
       </div> 
    </nav> 
    <div id="sideBarBack" style="width:0%;"> 
    </div> 
}

來源

2016-11-05 Austin Wiggins

你錯過了'「'後第一id屬性 – SteppingRazor

您錯過了id=">零件中的引號。這不是一個有效的html，所以你的文瀏覽器試圖解決這個問題，導致這兩個元素相結合。

爲了解決這個問題，而不是：

<li><a href="@Url.Action("Experience", "Home")" id=">Experience</a></li>

使用正確的標籤屬性id=""：！

<li><a href="@Url.Action("Experience", "Home")" id="">Experience</a></li>

來源

2016-11-05 20:01:57

謝謝它總是簡單的疏忽 –

我必須等待幾分鐘，但我會盡快讓我做。 –

分離元素忽略，現在合併

回答

相關問題