Stop word-wrap dividierende Wörter

Ich habe diesen Code (oben) verwendet, um den Text in der body in seinen Container zu passen. Was ich aber nicht mag, ist, dass es Wörter zerbricht.Stop word-wrap dividierende Wörter

Gibt es einen anderen Weg, wo es Wörter und nur Zeilenumbruch nach oder vor einem Wort nicht bricht?

EDIT: Dies ist für den Einsatz innerhalb einer UIWebView.

Quelle

2010-09-23 Joshua

Was denken Sie, "break-word" bedeutet? –

Ich wusste das, aber ich sage "Gibt es einen anderen Weg". – Joshua

alas 'word-wrap: normal;' hilft nicht. Noch hilft 'white-space: wrap;' allein, wenn Sie Wörter in eine Tabellenzelle (meine Situation) einpacken wollen. –

Verwenden Sie white-space: wrap;. Wenn Sie die Breite auf dem Element eingestellt haben, auf dem Sie dies einstellen, sollte es funktionieren.

update - aufbereiteten Daten in Firefox alt text

Quelle

2010-09-23 08:08:11

Nein, immer noch nichts. Dieser Code zeigt weiterhin den vollständigen Text mit horizontaler Bildlaufleiste an. 'Körper {Breite: 768px; white-space: wrap;} ' – Joshua

nur Einstellung der Breite kümmert sich darum, den Text zu umhüllen Sie brauchen (atleast auf Firefox).können Sie Verhalten auf bestimmten Browsern überprüfen und den Beitrag aktualisieren –

Ich habe meine Antwort aktualisiert, um gerenderte Ergebnisse auf firefox enthalten. –

Sie können versuchen, diese ...

body{ 
white-space: pre; /* CSS2 */ 
white-space: -moz-pre-wrap; /* Mozilla */ 
white-space: -hp-pre-wrap; /* HP printers */ 
white-space: -o-pre-wrap; /* Opera 7 */ 
white-space: -pre-wrap; /* Opera 4-6 */ 
white-space: pre-wrap; /* CSS 2.1 */ 
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ 
word-wrap: break-word; /* IE */ 
}

{word-wrap :;} ist ein IE-geschütztes Eigentum, und nicht ein Teil von CSS. Die Handhabung von Firefox ist korrekt. Leider unterstützt FF keinen weichen Bindestrich /. Das ist also keine Option. Sie könnten möglicherweise ein Haar oder einen dünnen Zwischenraum einfügen, & /; (überprüfen Sie mich auf der numerischen Einheit) und & Thinsp; /, jeweils.

machen {overflow: hidden;} würde schneiden Sie den Überlauf aus, und {overflow: auto;} würde bewirken, dass der Überlauf Scrollen ermöglichen.

Quelle

2010-09-23 06:18:25

Keiner der Beispiele, die Sie mir gegeben haben, funktioniert tatsächlich, der einzige, der das tut, ist "Word-Wrap". – Joshua

Alternative ist {overflow: hidden;} und {overflow: auto;}, aber es gibt auch ein Problem. –

Ja, aber das ist nicht das, was ich suche, denn 'overflow: hidden;' würde alles über den Rand verbergen. :/ – Joshua

In meiner Situation Ich versuche Worte wickeln auf richtige Wort-Pausen in Tabellenzellen zu gewährleisten.

Ich fand, dass ich die folgende CSS benötige, um dies zu erreichen.

table { 
    table-layout:fixed; 
} 
td { 
    white-space: wrap; 
}

überprüfen auch, dass nichts anderes word-break-break-word statt normal ändert.

Quelle

2013-02-12 23:24:10

Lebensrettend! Danke –

Kann ein bisschen spät, aber Sie können diese CSS in den Wortumbrüche zu stoppen:

.element { 
    -webkit-hyphens: none; 
    -moz-hyphens: none; 
    -ms-hyphens:  none; 
    hyphens:   none; 
}

Quelle

2016-07-27 10:32:16 Ralphonz

Das ist die richtige Antwort! –

ich ein ähnliches Problem in meiner Gitterstruktur konfrontiert und ich, Wort-break: break-word; in meinem Raster und mein Problem wurde gelöst.

Quelle

2016-08-12 09:06:14 Abishek

Es gibt keinen 'break-word'-Wert für' word-break'-Eigenschaft. –

Bitte verwenden Sie die Option nowrap und wrap Wert kam nicht für mich. nowrap hat das Problem gelöst.

Use white-space: nowrap;

Quelle

2017-11-15 07:19:53 Code

Stop word-wrap dividierende Wörter

Antwort

Verwandte Themen