Bricht langes Wort mit CSS

8

Ich habe eine Situation, in der lange Wörter wie "hellowordsometext" oder ganze Zahl wie "1234567891122" ohne Leerzeichen dazwischen sein können. Überprüfen Sie bitte js. Ссылка

Wie ist es möglich, es in die nächste Zeile zu brechen, nachdem es die div-Breite erreicht hat. Was jetzt passiert, ist, dass es zusammen mit th div ausspannt %Vor%     

dev1234 05.09.2013, 04:56
quelle

5 Antworten

17

Was Sie brauchen, ist word-wrap: break-word; , diese Eigenschaft bewirkt, dass die nicht beabstandete Zeichenfolge innerhalb von div

bricht

Demo

%Vor%     
Mr. Alien 05.09.2013, 04:57
quelle
5

Ich habe diese Lösung selbst gefunden.

%Vor%

aber es funktioniert nicht für Opera.

Ссылка

    
dev1234 05.09.2013 05:02
quelle
4

Geben Sie Ihrem div eine ID oder Klasse.

dann

%Vor%

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

    
Rex 05.09.2013 05:02
quelle
2

Fix die Größe des DIV und gelten 'Überlauf: versteckt' so wird es die Gittergröße nicht alle na beeinflussen.

%Vor%

Müssen Sie den gesamten Text anzeigen?

    
Shareek Ahamed 05.09.2013 05:02
quelle
2

So

DEMO

CSS

%Vor%     
falguni 05.09.2013 05:12
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Wählen Sie n erste Zeilen einer Matrix aus