3

asp.net メニュー項目の間にスペースを入れたいと思います。したがって、 SOの他の投稿で提案されたstaticmenuitemstyleand属性を試しました。horizontalpadding="10"しかし、うまくいきません。

<staticmenuitemstyle horizontalpadding="10" />

メニュー項目の間にスペースを空ける方法を教えてください。

私のコード::

 <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" 
           EnableViewState="False" IncludeStyleBlock="False" Orientation="Horizontal" 
           BackColor="#F7F6F3" DynamicHorizontalOffset="2" Font-Names="Verdana" 
           Font-Size="0.8em" ForeColor="#7C6F57" StaticSubMenuIndent="10px">
      <DynamicHoverStyle BackColor="#7C6F57" ForeColor="White" />
      <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
      <DynamicMenuStyle BackColor="#F7F6F3" />
      <DynamicSelectedStyle BackColor="#5D7B9D" />
      <staticmenuitemstyle horizontalpadding="10" />
      <Items>
          <asp:MenuItem NavigateUrl="~/WebPages/Default.aspx"  Text="Support1">
          <asp:MenuItem NavigateUrl="~/WebPages/Default2.aspx"  Text="Support2">
      </Items>
</asp:Menu>
4

1 に答える 1

4

CSSセレクターを使用してそれを実現できます

コードで、CssClass属性をMenuコントロールに割り当てました。「メニュー」と呼ばれるその CSS クラスを利用して、ページでオーバーライドします (後で css ファイルに移動できます)。これをあなたのページに追加してください<head>

<style type="text/css">
    .menu li ~ li
    {
        padding-left: 100px; /* selects every <li> element that are preceded by a <li> element. */
        list-style:none;
    }

    .menu ul > li:first-child
    {
        font-size:20px;/* this one will select the first element of your menu */
    }
</style>

.menu ul > li:first-childメニューの最初の要素に左パディングが表示されないようにセレクターを追加したことに注意してくださいfont-size。CSS セレクターが提供するコントロールの例を示すために を変更しただけです。必要に応じて削除できます。

これがお役に立てば幸いです

于 2013-06-21T02:58:58.577 に答える