当其他菜单项被隐藏时,我希望注销链接显示在最右边。
实际上它显示在中间。
我怎样才能强制它在右边。
<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;
}
但不工作
最佳答案
请使用以下代码:
<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为右 我们还删除了 Logout Div 的 UL 和 LI 标签,我认为这不是必需的。
关于html - 右边需要menuitem,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30757143/