如何讓我的菜單控件居中？

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> 

Answer 2

使用保證金，如：

margin:0 auto; 

此幫助你讓它自動居中父元素。