1

この小さなコード スニペットで私の問題を再現できます。

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

結果：

  • テスト-テスト-テスト-テスト-テスト-テスト
  • テスト--------------------------------------------

望ましい結果:

  • テスト-テスト-テスト-テスト-テスト-テスト
  • ------テスト----------------------

3 つの RenderingModes をすべて試しましたが、うまくいきませんでした! 私は何か間違ったことをしていますか？

4

1 に答える 1

0

次の CSS をページに追加してみてください。

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

インライン メニュー スタイルを上書きし、順序付けられていないリストを強制的に中央に配置します。

于 2013-05-31T21:22:15.023 に答える