需要右边的menuitem

时间:2015-06-10 13:00:39

标签: html css asp.net

我希望当其他菜单项被隐藏时,注销链接会显示在最右侧。

事实上它在中间显示。

我如何强迫它在右边。



<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>
&#13;
&#13;
&#13;

我试过

&#13;
&#13;
.pull-right {
  float: right !important;
} 
&#13;
&#13;
&#13;

但没有工作

enter image description here

1 个答案:

答案 0 :(得分: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标签中创建Link按钮,并将该div设置为右侧 我们还删除了UL&amp;注销Div的LI标签,我认为不是必需的。