Центрирование 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> 

Результат:

• Testing-Testing-Testing-Testing-Testing-тестирование
• Тестирование -------------------- --------------------

Желаемые результаты:

• Testing-Testing-Testing-Testi ng-Тестирование-тестирование
• ------------------ Тестирование ----------------------

Я пробовал все три RenderingModes без везения! Я делаю что-то не так?

Спасибо в продвижении.

Answer 1

Попробуйте добавить следующий CSS к странице:

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

Это перепишет встроенные стили меню и заставить неупорядоченный список центра.