Bricht langes Wort mit CSS

Question

Ich habe eine Situation, in der lange Wörter wie 'hellowordsometext' oder ganze Zahl wie '1234567891122' ohne irgendeinen Abstand dazwischen sein können. Überprüfen Sie bitte js. http://jsfiddle.net/rzq5e/6/

Wie ist es möglich, es in die nächste Zeile zu brechen, nachdem es die div-Breite erreicht hat. Was jetzt geschieht, reicht es aus aus zusammen mit th div

<div>Solutionforentprise</div> 

Answer 1

Was brauchen Sie ist word-wrap: break-word;, wird diese Eigenschaft die nicht voneinander Zeichenfolge zwingen innerhalb des div

Demo

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

Answer 2

zu brechen

Korrigieren Sie die Größe des DIV und wenden Sie "overflow: hidden" an, so dass die Gittergröße nicht beeinträchtigt wird.

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

müssen Sie den gesamten Text anzeigen?

Answer 3

gibt eine ID oder Klasse zu Ihrem div

dann

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

Zeilenumbruch wird in IE unterstützt 5.5+, Firefox 3.5+ und WebKit-Browsern wie Chrome und Safari, Opera 10.5 + .

Answer 4

Ich habe diese Lösung selbst gefunden.

word-break: break-all; 

aber es funktioniert nicht für Opera.

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

Answer 5

Gefällt Ihnen dieses

DEMO

CSS

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