如何让我的菜单控件居中

本文关键字：控件 菜单 我的 | 更新日期: 2023-09-27 17:51:07

我正在使用ASP。Net的菜单控制http://msdn.microsoft.com/en-us/library/ecs0x9w5%28v=vs.80%29.aspx，我正试图定位。

菜单的标记如下

<asp:Menu ID="SiteMenu" runat="server" Orientation="Horizontal" BorderColor="Blue" Font-Size="XX-Large" StaticMenuItemStyle-BackColor = "Pink" StaticMenuItemStyle-HorizontalPadding = "11">
    <Items>
        <asp:MenuItem Text="Articles" Value="New Item"></asp:MenuItem>
        <asp:MenuItem Text="Wiki" Value="New Item"></asp:MenuItem>
        <asp:MenuItem Text="Forums" Value="New Item"></asp:MenuItem>
        <asp:MenuItem Text="Links" Value="New Item"></asp:MenuItem>
    </Items>
</asp:Menu>

所以我想我应该给它加上标签，

<div horizontal-align:center>
<asp:Menu ID="SiteMenu" runat="server" Orientation="Horizontal" BorderColor="Blue" Font-Size="XX-Large" StaticMenuItemStyle-BackColor = "Pink" StaticMenuItemStyle-HorizontalPadding = "11">
    <Items>
        <asp:MenuItem Text="Articles" Value="New Item"></asp:MenuItem>
        <asp:MenuItem Text="Wiki" Value="New Item"></asp:MenuItem>
        <asp:MenuItem Text="Forums" Value="New Item"></asp:MenuItem>
        <asp:MenuItem Text="Links" Value="New Item"></asp:MenuItem>
    </Items>
</asp:Menu>
</div>

但是不，那不起作用。那我下一步怎么做?

如何让我的菜单控件居中

哎呀，你应该使用margin and width:

<div style="margin:0 auto 0 auto; width:750px;">
<asp:Menu ID="SiteMenu" runat="server" Orientation="Horizontal" BorderColor="Blue" Font-Size="XX-Large" StaticMenuItemStyle-BackColor = "Pink" StaticMenuItemStyle-HorizontalPadding = "11">
    <Items>
        <asp:MenuItem Text="Articles" Value="New Item"></asp:MenuItem>
        <asp:MenuItem Text="Wiki" Value="New Item"></asp:MenuItem>
        <asp:MenuItem Text="Forums" Value="New Item"></asp:MenuItem>
        <asp:MenuItem Text="Links" Value="New Item"></asp:MenuItem>
    </Items>
</asp:Menu>
</div>

使用margin:

margin:0 auto;

这可以帮助你使它自动居中到它的父元素。

相关文章：