水平中心静态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

回答

相关问题