Question

我正在使用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>

但不行不通。那我的下一步是什么？

Answer 1

oops，你应该使用边距和宽度：

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

Answer 2

使用保证金：

margin:0 auto;

这有助于您使其自动居中于其父元素。

如何将菜单控件置于中心位置？

2 个答案: