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

Question

您可以使用这个小代码片段来复制我的问题。

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

结果：

• 测试 - 测试 - 测试 - 测试 - 测试 - 测试
• 测试----------------------------------------

期望的结果：

• 测试 - 测试 - 测试 - 测试 - 测试 - 测试
• ------------------测试----------------------

我已经尝试了所有三个RenderingModes而没有运气！我做错了什么人？

先谢谢。

Answer 1

尝试在页面中添加以下CSS：

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

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