Question

我希望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上有点生锈。

Answer 1

两种答案的混合：

使用“ text-align：center ”添加父div：

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

然后添加到CSS样式表：

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

我认为这是最干净的方式。我删除了其他属性以便于理解。

Answer 2

解决方案是使用“ text-align：center ”的父div和“ display：inline-block ”的子项。

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

在div内部水平居中静态ASP菜单

2 个答案: