如何让我的菜单控制居中？

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

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

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