Heim >Web-Frontend >CSS-Tutorial >CSS implementiert erzwungenen Nicht-Zeilenumbruch/automatischen Zeilenumbruch/erzwungenen Zeilenumbruch

CSS implementiert erzwungenen Nicht-Zeilenumbruch/automatischen Zeilenumbruch/erzwungenen Zeilenumbruch

高洛峰
高洛峰Original
2016-11-24 11:30:261450Durchsuche

Keinen Zeilenumbruch erzwingen div{
white-space:nowrap;
}

Automatisch umbrechen

div{
word-wrap: break- Wort;
Wortumbruch: normal;

Englischen Wortzeilenumbruch erzwingen

div{

Wortumbruch:break-all;
}


CSS-Einstellungen werden nicht umbrochen:

overflow:hidden hide
white-space: normale Standardeinstellung
pre-wrap 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 auf das br-Objekt trifft


Erzwungenen Zeilenumbruch festlegen:
Wort -break:
normal; befolgen Sie die Textregeln für asiatische und nicht-asiatische Sprachen und erlauben Sie Zeilenumbrüche innerhalb von Wörtern
break-all: Dieses Verhalten ist das gleiche wie normal für asiatische Sprachen. 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: Gleich wie normal für alle nicht-asiatischen Sprachen. Für Chinesisch, Koreanisch und Japanisch sind Wortumbrüche nicht zulässig. Geeignet für Höhenlösungen zwischen nicht-asiatischem Text, der eine kleine Menge asiatischen Text enthält, und


Englisch ohne Zeilenumbrüche

Wortumbruch hinzufügen: break-all in CSS; Problem gelöst. Dieses Problem tritt nur im IE auf. Beim Testen unter FF kann FF selbst Bildlaufleisten hinzufügen, was keinen Einfluss auf den Effekt hat.


Es wird empfohlen, beim Ausführen von Skin daran zu denken, word-break: break-all hinzuzufügen ; im Textkörper. Lösen Sie das Problem, dass der IE-Rahmen durch Englisch gestreckt wird.

Im Folgenden werden die Anweisungen für Wortumbruch zitiert. Beachten Sie, dass Wortumbruch ein proprietäres Attribut von IE5+ ist >Syntax:

Wortumbruch: normal |. break-all |. Parameter:

normal: In Übereinstimmung mit den Textregeln für Asiaten und Nicht-Asiaten Sprachen, Zeilenumbrüche innerhalb von Wörtern sind erlaubt
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: Gleich 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 }
Wenn Sie möchten, dass IE6 kompatibel ist: div {WORD-WRAP:break-word;word-break : brechen -alle; }



Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Die Rolle von wichtig in CSSNächster Artikel:Die Rolle von wichtig in CSS