2013-08-19 19 views
8

Wymuszenie podzielenia tekstu na wiele wierszy po osiągnięciu maksymalnej szerokości "#div".CSS lub co? Wymuszanie podziału tekstu na wiele wierszy

Jak mogę to zrobić? dlatego, gdy próbuję danych wyjściowych z 200 znaków bez spacji, mam następujące:

wynik1 (bez odstępu):

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa... 

wynik2 (mają jedno miejsce):

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa (space) 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa... 

Chcę, aby go:

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa... 

Czy muszę użyć następującego ?:

result+=str.substring(0,200) "\n"; 

lub jest to styl CSS?

Odpowiedz

27

Stosując word-break: break-all; uczyni oblewanie tekstem na jakimkolwiek charakterze, gdy wykracza to poza to szerokość rodziców, bez potrzeby korzystania z przestrzeni lub inny wpisz punkt przerwania.

3

zrobić mniejszą div i użyć CSStext-align: justify i word-break:break-all;

Is this what you want?

+0

nadal nt działa :( –

+0

s Znowu edytuj. –

+0

tak. ale ja już głosowałem na pierwszy :) –

2

Jak już stwierdzono w przyjętym odpowiedź użyć następujących:

word-break:break-all; 

The W3 specification że mówi o nich wydają się sugerować, że word-break: break-wszystko jest dla wymagających szczególnego zachowania z CJK (Chiński, Japoński i Koreański) tekst, natomiast zawijanie wyrazów: słowo-przerywane jest bardziej ogólne, nie-świadome przez CJK. (Credit: AakashM: see post)

słowne-break obiektu.W (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 

przykład roboczych:

Word-Break W3Schools