2016-08-08 20 views
0

Ich habe ein asp: Etikett, das in seinen übergeordneten Container passen mussBreak-Linie auf Asp: Label-Text mit Word-Break nur auf lange Wörter?

Problem ist manchmal der Text ist eine kontinuierliche Folge von Zeichen ohne Leerzeichen.

Ich bin auf der Suche nach CSS-Verhalten, das Wort zu brechen, wenn das Wort zu lang ist, aber kleine Wörter nicht zu brechen, die in die Zeile darunter verschoben werden können.

Das ist, was ich hatte ursprünglich:

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

Dies ergibt:

some normal text that 
breaks onto a new line 

Aber dies geschieht mit einem langen Wort:

someverylongtextwithoutanywhitespaceatalldoesnotcausealinebreaktohappen 

Dies läuft auf die Webseite aus.

ich diese CSS-Style-Lösung verwendet haben:

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

Dieses korrekt bricht das lange Wort:

someverylongtextwithoutanywh 
itespaceatalldoesnotcauseali 
nebreaktohappen 

Aber das bricht kleine Worte, die ich wünschte, in die nächste Zeile verschoben werden:

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

Haben Sie versucht, "word-wrap: break-word;"? – itsme86

+0

@ itsme86 das löste es –

+0

Großartig! Ich habe es als Antwort hinzugefügt, damit andere es finden können, wenn sie das gleiche Problem haben. – itsme86

Antwort

1

Versuchen Sie, diese CSS:

word-wrap: break-word;