2013-08-19 7 views
8

Erzwingt das Aufteilen des Textes in mehrere Zeilen, wenn die maximale Breite des '#div' erreicht ist.CSS oder was? Erzwingen der Textaufteilung in mehrere Zeilen

Wie kann ich das tun? denn wenn ich mit 200 Zeichen ohne Abstand zur Ausgabe von Daten versuchen, erhalte ich folgende:

result1 (kein Abstand):

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa... 

result2 (einen Raum hat):

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa (space) 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa... 

ich will es machen:

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa... 

Habe ich die folgende ?:

verwenden müssen
result+=str.substring(0,200) "\n"; 

oder ist es ein CSS-Styling?

Antwort

27

word-break: break-all; Anwendung wird den Textumbruch um jeden Charakter machen, wenn sie es Eltern Breite, ohne die Notwendigkeit eines Raumes oder einer anderen überschreitet Haltepunkt eingeben.

3

einen kleineren div herzustellen und verwenden CSStext-align: justify und word-break:break-all;

Is this what you want?

+0

noch nt arbeiten :( –

+0

s ee erneut bearbeiten. –

+0

ja. aber ich habe bereits den ersten gewählt :) –

2

Wie bereits in der akzeptierte Antwort angegeben verwenden Sie die folgende:

word-break:break-all; 

The W3 specification, die über diese Gespräche scheinen darauf hinzudeuten, dass Wort-break: break-all ist ein bestimmtes Verhalten mit CJK für erforderlich (Chinesisch, Japanisch und Koreanisch) Text, während Wortumbruch: Break-Word das allgemeinere, nicht CJK-bewusste Verhalten ist. (Kredit: AakashM: see post)

Wort-Break Property Optionen (W3Schools):

normal  Default value. Break words according to their usual rules 

break-all Lines may break between any two letters 

keep-all Breaks are prohibited between pairs of letters 

initial  Sets this property to its default value. Read about initial 

inherit  Inherits this property from its parent element. Read about 

Arbeitsbeispiel:

Word-Break W3Schools