當存在多行菜單項時，居中設置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> 

結果：

• 測試 - 測試 - 測試 - 測試 - 測試 - 測試
• 測試-------------------- --------------------

期望的結果：

• 測試 - 測試 - 測試 - TESTI ng-Testing-Testing
• ------------------測試----------------------

我試過所有三個RenderingModes沒有運氣！我做錯了什麼人嗎？

謝謝先進。

Answer 1

嘗試增加以下CSS到您的網頁：

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

這將覆蓋內嵌菜單樣式，並迫使無序列表中心。