센터링 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> 

결과 :

• 테스트 - 테스트 - 테스트 - 테스트 - 테스트 - 테스트
• 테스트 -------------------- --------------------

원하는 결과 :

• 테스트 - 테스트 - 테스트 - 전기 및 전자 테스트 ng-Testing-Testing
• ------------------ 테스트 ----------------------

행운을 남기는 3 가지 RenderingMode를 모두 사용해 보았습니다! 나는 잘못된 사람들을하고 있니?

고맙습니다. 페이지에 다음과 같은 CSS를 추가

Answer 1

시도 :

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

그것은 인라인 메뉴 스타일을 덮어 쓰기 중앙에 정렬되지 않은 목록을 강제 할 것이다.