2012-04-16 17 views
1

ウェブアプリケーションにメニューコントロールがあり、メニューアイテムをワードラップにすることができません。ここで私が持っているものです。asp.net 4.0メニューコントロールワードラップ

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

私はボックスの幅を超えるテキストを項目に入れた場合は、ページの残りの部分に出てオーバーフローし、それが箱の制約内の単語をラップしません。 。私はあなたがすでにItemWrapを試してみましたが、あなたは、CSS使用することができます参照

+0

参照してください。 http://forums.asp.net/p/1787377/4909642.aspx/1?Re+asp+menu+menu+Itemwrap+not+working – dash

答えて

4

CssClass="myCustomClass"とともにIncludeStyleBlock="False"を設定し、それを正しくスタイリングを検討してください。

あなたはその後、CSSを使用してラッピングを制御することができます。

(私はそれだけだアンカーと仮定しますので、私の頭の上から、私はメニューの出力をHTMLかわからない)

.myCustomClass 
    // assuming this class is added to each anchor <a class="myCustomClass... 
    { 
     display:block; 
     float:left; 
     width:102px; 
    } 
2

:代わりに、コントロールにこれらのインラインスタイルを使用するのでは、上記のマリオの答えに追加するにはword-wrap: break-word

関連する問題