2012-08-14 19 views
5

Powiel możliwe:
wrapping the text inside div - cssJak zrobić tekst wewnątrz multilinii div?

Fiddle: http://jsfiddle.net/aTFK2/2/

HTML:

<div id="ChannelDescription">ThisIsAVeryLongTextWithoutAnySpacesLoremIpsumDolorSitAmedLoremIpsumDolorSitAmedLoremIpsumDolorSitAmedLoremIpsumDolorSitAmedLoremIpsumDolorSitAmedLoremIpsumDolorSitAmedLoremIpsumDolorSitAmedLoremIpsumDolorSitAmedLoremIpsumDolorSitAmed</div>​ 

CSS:

#ChannelDescription { 
    width:560px; 
    color:Gray; 
    white-space:normal; 
    font-size:14px; 
}​ 

UWAGA: Nie mogę zmienić szerokości na jakąkolwiek inną wartość. Nie mogę również używać punktów przerwania. Szukam czystego rozwiązania CSS2.

+2

Napisz zawijanie wyrazów: break-word – sandeep

+0

Jest to właściwość CSS3. –

+0

To działa do IE7 sprawdź ten http://caniuse.com/#search=word-wrap – sandeep

Odpowiedz

17

word-wrap: break-word; rozwiąże problem.

Powiązane problemy