Interrompe parola lunga con CSS

Question

Ho una situazione in cui possono esistere parole lunghe come "hellowordsometext" o numeri interi come "1234567891122" senza spazio intermedio. controlla questo js per favore. http://jsfiddle.net/rzq5e/6/

come è possibile suddividerlo nella riga successiva dopo aver raggiunto la larghezza div. ciò che accade ora è, si estende fuori fuori con ° div

<div>Solutionforentprise</div> 

Answer 1

Quello che vi serve è word-wrap: break-word;, questa proprietà costringerà la non stringa distanziati per rompere all'interno del div

Demo

div { 
    width: 20px; 
    word-wrap: break-word; 
} 

Answer 2

Correggere la dimensione del DIV e applicare "overflow: hidden" in modo che non influenzi la dimensione della griglia e tutto il na.

div{width: 40px; 
overflow: hidden;} 

Hai bisogno di visualizzare l'intero testo?

Answer 3

dare un id o classe al div

poi

#divid 
{ 
width: 30px; 
word-wrap: break-word; 
} 

Word-wrap è supportato in IE 5.5+, Firefox 3.5+, e browser WebKit come Chrome e Safari, Opera 10.5 + .

Answer 4

Ho trovato questa soluzione da solo.

word-break: break-all; 

ma non funziona per Opera.

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_word-break

Answer 5

Ti piace questa

DEMO

CSS

div { 
    width: 20px; 
    word-wrap:break-word; 
}