2015-06-10 82 views
0

我希望当其他菜单项隐藏时,注销链接显示在最右端。需要右边的menuitem

其实它显示在中间。

我如何强制它在正确的位置。

<div class="nav-content container"> 
 
      <div class="nav-wrapper">  
 
       <ul class="main-nav"> 
 
        <asp:PlaceHolder runat="server" ID="hideNav"> 
 
        <li runat="server" id="home" Visible="false" class="hide"><asp:HyperLink Id="homeLink" runat="server"></asp:HyperLink></li> 
 
        <li runat="server" id="reportClaim" Visible="False" class="hide"><asp:HyperLink runat="server" NavigateUrl="/reportclaim.aspx" Text="<span>Report Claim</span>" ID="reportClaimLink"></asp:HyperLink></li> 
 
        <li id="lnkLogOut1" runat="server" style=" "><asp:HyperLink runat="server" NavigateUrl="~/LogOut.aspx" Text="<span>Log Out</span>"></asp:HyperLink></li> 
 
        </asp:PlaceHolder> 
 
       </ul> 
 
      </div>

我试图

.pull-right { 
 
    float: right !important; 
 
}

但不工作

enter image description here

+1

您可以添加position:absolute;右:0;到你想要推到右边的元素,然后定位:相对;给其父母。 –

+2

用你的代码工作小提琴? –

+0

尝试正确0不能正常工作 – YosrJ

回答

1

Plesase使用下面的代码:

<div class="nav-content container" > 
     <div class="nav-wrapper" >  
      <ul class="main-nav" > 
       <asp:PlaceHolder runat="server" ID="hideNav"> 
       <li runat="server" id="home" Visible="true" class="hide" ><asp:HyperLink Id="homeLink" runat="server" Text="<span> Claim</span>"></asp:HyperLink></li> 
       <li runat="server" id="reportClaim" Visible="true" class="hide"><asp:HyperLink runat="server" NavigateUrl="/reportclaim.aspx" Text="<span>Report Claim</span>" ID="reportClaimLink"></asp:HyperLink></li> 

       </asp:PlaceHolder> 
      </ul> 
     </div> 
     <div align="right" style="vertical-align:top"> 
      <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/LogOut.aspx" Text="<span>Log Out</span>"></asp:HyperLink> 


</div> 

在这里,您需要在另一个div标签的创建链接按钮并设置对齐到该div作为右 此外,我们已经删除了UL &李为注销Div标签,我不认为这是必需的。

相关问题