2016-08-08 12 views
0

親コンテナに収まるasp:ラベルを持っています長い単語だけで単語区切りを使用して、asp:labelテキストの行を区切りますか?

問題はテキストが空白のない連続した文字列であることがあります。

私は、単語が長すぎるときに単語を分割するCSSの動作を探していますが、その下の行に移動できる小さなサイズの単語を分割しません。

これは、私がもともと持っていたものです:

<asp:Label ID="lblTextComments" runat="server"></asp:Label> 

この利回り:

some normal text that 
breaks onto a new line 

しかし、これは長い言葉で起こります。これは、Webページをオフに実行し

someverylongtextwithoutanywhitespaceatalldoesnotcausealinebreaktohappen 

私はこのCSSスタイルのソリューションを使用しました:

<asp:Label ID="lblTextComments" runat="server" Style="word-wrap: normal; word-break: break-all;" ></asp:Label> 

これは正しく、長い単語破る:

someverylongtextwithoutanywh 
itespaceatalldoesnotcauseali 
nebreaktohappen 

をしかし、これは、私は次の行に移動することを希望する小さな言葉を破ります:

some normal text tha 
t breaks onto a new line 
+2

あなたは 'word-wrap:break-word;'を試しましたか? – itsme86

+0

@ itsme86それを解決した –

+0

素晴らしい!私はそれを答えとして追加し、同じ問題があれば他の人が見つけることができます。 – itsme86

答えて

1

このCSSを試してみてください:

word-wrap: break-word; 
関連する問題