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

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

高洛峰
Freigeben: 2016-11-24 11:30:26
Original
1448 Leute haben es durchsucht

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; }



Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage