当有多行菜单项时，居中asp：菜单项

Posted 2023-03-06

【中文标题】当有多行菜单项时，居中asp：菜单项

【英文标题】：Centering asp:menu item's when there are multiple rows of menu items

【发布时间】：2013-05-27 16:12:50

【问题描述】：

你可以用这个小代码 sn-p 复制我的问题。

    <div ID="topcell" runat="server" align="center" style="text-align:center">
   <asp:Menu ID="testmenu" runat="server" Width="300px" Orientation="Horizontal" RenderingMode="List">

    <Items>
    <asp:MenuItem Text="Testing"></asp:MenuItem>
    <asp:MenuItem Text="Testing"></asp:MenuItem>
    <asp:MenuItem Text="Testing"></asp:MenuItem>
    <asp:MenuItem Text="Testing"></asp:MenuItem>
    <asp:MenuItem Text="Testing"></asp:MenuItem>
    <asp:MenuItem Text="Testing"></asp:MenuItem>



    </Items>
   </asp:Menu>
   </div>

结果：

测试-测试-测试-测试-测试-测试 测试----------------------------------------

期望的结果：

测试-测试-测试-测试-测试-测试 ------------------测试----------------------

我已经尝试了所有三种渲染模式，但都没有成功！我做错了吗？

【参考方案1】：

尝试将以下 CSS 添加到您的页面：

<style type="text/css" >
   #testmenu ul li 
      display:inline-block;
      float:none !important;
   
</style>  

它将覆盖内联菜单样式并强制无序列表居中。