0

我在 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-->

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

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

4

5 回答 5

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

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

于 2013-09-26T16:02:02.167 回答
1

用 id 菜单设置 div 的 css

#menu {
    margin:0 auto;
    Display: inline-block;
}

这会将其放置在浏览器的中心

于 2014-02-06T06:58:48.433 回答
1

用 id 菜单设置 div 的 css

margin:0 auto;
Display: inline-block;

这会将其放置在浏览器的中心

于 2013-09-26T16:05:06.243 回答
0

你总是可以使用 css 规则:text-align

还可以使用另一种选择:

display: inline-block;
vertical-align: bottom;

垂直对齐是去除底部多余的边距

它会工作得很好

于 2013-09-26T16:02:09.650 回答
0

我遇到了同样的问题,在尝试了我遇到的所有答案后,我偶然发现了以下内容,当将其放置在 Div 的样式标签/css 中时,它对我有用:

表格布局:固定;

希望有帮助。

于 2014-09-23T12:27:28.627 回答