Erzwinge keine Zeilenumbrüche
div{
Leerraum:nowrap;
}
Div
automatisch umbrechen
{
Zeilenumbruch: Wortumbruch;
Wortbruch: normal;
}
Englischen Wortzeilenumbruch erzwingen
div{
word-break:break-all;
}
CSS-Einstellungen werden nicht umgeleitet:
Überlauf:versteckt verstecken
Leerzeichen: normale Standardeinstellung
Vorzeilenumbrüche und andere Leerzeichen werden geschützt
nowrap erzwingt, dass der gesamte Text in derselben Zeile angezeigt wird, bis das Ende des Textes erreicht ist oder ein br-Objekt gefunden wird
Erzwungenen Zeilenumbruch festlegen:
Wortbruch:
normal; Zeilenumbrüche innerhalb von Wörtern gemäß den Textregeln für asiatische und nicht-asiatische Sprachen zulassen
break-all: Das Verhalten ist das gleiche wie bei asiatischen Sprachen üblich. Pausen innerhalb eines beliebigen Wortes einer Textzeile in einer nicht-asiatischen Sprache sind ebenfalls zulässig. Dieser Wert eignet sich für asiatischen Text, der nicht-asiatischen Text enthält
keep-all: Das Gleiche wie normal für alle nicht-asiatischen Sprachen. Für Chinesisch, Koreanisch und Japanisch sind Wortumbrüche nicht zulässig. Geeignet für eine hohe Auflösung zwischen nicht-asiatischem Text und kleinen Mengen asiatischen Texts
Das Problem wird durch das Hinzufügen von word-break: break-all; zu CSS gelöst
, das englische Zeilen nicht umbricht
.Dieses Problem besteht nur im IE. Beim Testen unter FF kann FF selbst Bildlaufleisten hinzufügen, was sich nicht auf den Effekt auswirkt.
Denken Sie beim Ausführen von Skin daran, „word-break: break-all“ hinzuzufügen. Dies kann das Problem lösen, dass der IE-Frame durch Englisch blockiert wird
.
Das folgende Zitat stammt aus der Beschreibung von „word-break“. Beachten Sie, dass „word-break“ eine IE5+-eigeneAttributsyntax ist:
„word-break: normal“
.-all |. keep-all-
Parameter:
normal: Gemäß den Textregeln asiatischer und nichtasiatischer Sprachen, Zeilenumbrüche innerhalb von Wörtern zulassen
break-all: Das Verhalten ist das gleiche wie bei asiatischen Sprachen üblich. Pausen innerhalb eines beliebigen Wortes einer Textzeile in einer nicht-asiatischen Sprache sind ebenfalls zulässig. Dieser Wert eignet sich für asiatischen Text, der nicht-asiatischen Text enthält
keep-all: Das Gleiche wie normal für alle nicht-asiatischen Sprachen. Für Chinesisch, Koreanisch und Japanisch sind Wortumbrüche nicht zulässig. Geeignet für nicht-asiatischen Text, der eine kleine Menge asiatischen Text enthält.
Beschreibung:
Legt das Umbruchverhalten innerhalb eines Wortes für Text innerhalb eines Objekts fest oder ruft es ab. Vor allem, wenn mehrere Sprachen auftauchen.
Für Chinesisch sollte Break-All verwendet werden.
Die entsprechende Skriptfunktion ist WordBreak. Bitte sehen Sie sich andere Bücher an, die ich geschrieben habe.
Beispiel:
div {word-break : break-all }