Question

asp.net的新手，我试图将菜单控件的悬停部分居中，但对于我的生活，我无法弄明白。

这是我的代码：

    <aside>
        <nav>
            <asp:Menu ID="Menu" runat="server" DataSourceID="SiteMapDataSource1" DynamicEnableDefaultPopOutImage="False" Orientation="Horizontal" 
                RenderingMode="Table" backcolor="#CB4154" ForeColor="white" Font-Bold="True" >
            <StaticMenuItemStyle HorizontalPadding="8px" VerticalPadding="2px" />
            <StaticMenuStyle height="25px" Width="800px" />
            <StaticSelectedStyle HorizontalPadding="8px" VerticalPadding="2px" />
            <StaticHoverStyle Font-Bold="True" height="75%" width="50%" backcolor="#00B7EB" ForeColor="White" CssClass="StaticHoverStyle"/>
        </asp:Menu>
        <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" ShowStartingNode="False" />
        </nav>
    </aside>

CSS：

#Menu {
    text-align: center;
    margin-right:auto;
    margin-left: auto;
}

.StaticHoverStyle {
    text-align: center;
}

对于我做错的任何意见都将不胜感激。

Answer 1

将其设为absolute并添加right和left代码

#Menu {
position:absolute;
text-align: center;
margin-right:auto;
margin-left: auto;
right:0px;
left:0px; }

}

.StaticHoverStyle {
    text-align: center;
}

Answer 2

我只是快速浏览一下（一段时间），看起来我把文本对齐放在包装div中。你将text-align移动到nav元素会发生什么？（为清楚起见，请移出数据源。）

在ASP.net菜单中居中对齐文本

2 个答案: