在ASP.net菜單中居中對齊文本

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

我只是快速瀏覽了一下（過了一會兒），看起來我將text-align放在了包裝的div中。 將文本對齊移動到nav元素會發生什么情況？ （為清楚起見，將數據源移出。）