asp.net - 如何在不设置具体宽度的情况下设置水平菜单居中

Question

我在 asp.net 中设计水平菜单的样式

<div id="menu" style="margin-left:auto;margin-right:auto" >
    <asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" RenderingMode="list">
        <Items>
            <asp:MenuItem NavigateUrl="" Text=""  Value=""></asp:MenuItem>
            <asp:MenuItem  NavigateUrl="" Text="" Value=""></asp:MenuItem>
            <asp:MenuItem Text="" Value="">
                <asp:MenuItem NavigateUrl="" Text="" Value="" ></asp:MenuItem>
                <asp:MenuItem NavigateUrl="" Text="" Value="" ></asp:MenuItem>
                <asp:MenuItem Text=""  Value="">
                    <asp:MenuItem NavigateUrl="" Text="" Value=""></asp:MenuItem>
                    <asp:MenuItem NavigateUrl="" Text=""  Value=""></asp:MenuItem>
                </asp:MenuItem>
            </asp:MenuItem>
            <asp:MenuItem Text=""  Value="">
                <asp:MenuItem NavigateUrl="" Text=""  Value=""></asp:MenuItem>
            </asp:MenuItem>
            <asp:MenuItem Text=""  Value="">                             
                <asp:MenuItem NavigateUrl="#" Text="" Value=""></asp:MenuItem>
                <asp:MenuItem NavigateUrl="" Text="" Value=""></asp:MenuItem>
                <asp:MenuItem NavigateUrl="" Text="" Value="" Target="_blank"></asp:MenuItem>

            </asp:MenuItem>
        </Items>
    </asp:Menu>
</div><!-- #menu-->

我的页面宽度是 1200px。但是有时我有 5 个菜单列表，有时我有 4 个菜单列表，具体取决于用户。我需要制作一个始终可以在中心显示菜单的网页。

有谁知道如何在不使用 CSS 设置特定宽度的情况下将水平菜单设置为居中？

Answer 1

#menu {
    display: table;
    margin: 0 auto;
}

它将使内部元素水平居中，并且无需设置特定宽度即可工作。适用于 IE8+ 和现代浏览器。