1

Web アプリケーションにメニュー コントロールがありますが、メニュー項目をワード ラップできません。ここに私が持っているものがあります:

<asp:Menu ID="PageNav"
                            runat="server" 
                            DataSourceID="PageMapDS" 
                            Orientation="Vertical" 
                            MaximumDynamicDisplayLevels="0" ItemWrap="true"
                            OnMenuItemDataBound="ToolNav_MenuItemDataBound">
                            <StaticMenuItemStyle 
                                BackColor="#7795bd"            
                                BorderColor="#6d8bb2"
                                BorderStyle="Solid"
                                BorderWidth="1px"
                                Height="25px"
                                width="102px" ForeColor="#000" HorizontalPadding="10px"/>
                            <StaticHoverStyle BackColor="#5d7b9d" ForeColor="#FFFFFF" />
                            </asp:Menu>

ボックスの幅よりも多くのテキストを含むアイテムを配置すると、ページの残りの部分にはみ出してしまい、ボックスの制約内で単語が折り返されません。

4

2 に答える 2

4

上記のマリオの答えに追加するには、コントロールでこれらのインラインスタイルを使用する代わりに、IncludeStyleBlock="False"一緒に設定しCssClass="myCustomClass"て正しくスタイル設定することを検討してください。

その後、CSSを使用してラッピングを制御できます。

（頭のてっぺんから、メニューが出力するHTMLがわからないので、単なるアンカーだと思います）

    .myCustomClass 
    // assuming this class is added to each anchor <a class="myCustomClass...
    {
      display:block;
      float:left;
      width:102px;
    }
于 2012-04-16T14:11:04.723 に答える
2

すでに ItemWrap を試しているようですが、css を使用することもできます。word-wrap: break-word

于 2012-04-16T14:07:10.923 に答える