水平中心靜態ASP菜單div

我想要一個ASP菜單以div爲中心，但我現在已經有一段時間了，我找不到有效的答案。水平中心靜態ASP菜單div

它以文本爲中心而不是菜單。

<div style="text-align: center; margin: auto; width: 50%;"> 
    <asp:Menu ID="navMenu" runat="server" DataSourceID="SMDS1" Orientation="Horizontal" StaticDisplayLevels="5"> 
    </asp:Menu> 
    This text is centered. 
</div>

div居中，但菜單位於div的左側。我也希望它也是中心。對不起，這是一個簡單的方法，我只是沒有正確的看待它，在HTML上生鏽。

來源

2015-10-31 Mr Billy

兩個答案的組合：

添加父DIV以「文本對齊：中心」：

<div id="divTop" style="text-align: center"> 
<asp:Menu ID="navMenu"> 
</asp:Menu> 
</div>

然後加入到CSS樣式表：

#navMenu {display: inline-block; float:none !important}

我認爲這是最乾淨的方式。我刪除了其他屬性以便於理解。

來源

2015-10-31 15:34:15 Dillinger

該溶液具有「文本對齊：中心」父DIV並用「顯示：內聯塊」的子項。

<div id="divTop" runat="server" style="text-align: center;"> 
<div style="display: inline-block"> 
    <asp:Menu ID="navMenu" runat="server" Orientation="Horizontal" StaticDisplayLevels="5"> 
    </asp:Menu> 
</div> 
</div>

來源

2015-10-31 14:47:29

水平中心靜態ASP菜單div

回答

相關問題