Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So implementieren Sie CSS ohne Zeilenumbruch, automatischen Zeilenumbruch und erzwungenen Zeilenumbruch_Erfahrungsaustausch

WBOY
Freigeben: 2016-05-16 12:05:12
Original
1695 Leute haben es durchsucht

Erzwinge keinen Zeilenumbruch

div{
white-space:nowrap;}

Automatisch umbrechen

div{
word-wrap: break- word ;
word-break: normal;
}

Englischen Wortzeilenumbruch erzwingen

div{
word-break:break-all>}



CSS-Einstellungen werden nicht umbrochen:


overflow:hidden Hide
white-space: normal Default
pre Zeilenumbrüche und andere Leerzeichen werden verwendet geschützt sein
nowrap erzwingt, dass der gesamte Text in derselben Zeile angezeigt wird, bis das Ende des Textes erreicht ist oder auf das br-Objekt stößt


Einstellungen zum Erzwingen von Zeilenumbrüchen:
Wortumbruch:
normal ; je nach asiatischen und nicht-asiatischen Sprachen Textregeln, die Zeilenumbrüche innerhalb von Wörtern zulassen
Alles umbrechen: Dieses Verhalten ist das gleiche wie bei asiatischen Sprachen normal. Auch Pausen innerhalb eines beliebigen Wortes einer Zeile eines nicht-asiatischen Texts sind 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 wird nicht umbrochen

Wortumbruch hinzufügen: break-all; Problemlösung. Dieses Problem besteht nur im IE. Beim Testen unter FF kann FF selbst Bildlaufleisten hinzufügen, was keinen Einfluss auf den Effekt hat.

Es wird empfohlen, bei der Ausführung von Skin daran zu denken, word-break: break-all hinzuzufügen ; im Textkörper. Das wird das Problem lösen, dass der IE-Frame von Englisch geöffnet wird.

Im Folgenden werden die Anweisungen zum Wortumbruch zitiert. Bitte beachten Sie, dass Wortumbruch ein proprietäres Attribut von IE5+ ist

Syntax:

word-break : normal |. break-all | Asiatische Sprachen, Zeilenumbrüche innerhalb von Wörtern sind erlaubt
break-all : Das Verhalten ist das gleiche wie bei asiatischen Sprachen üblich. Auch Pausen innerhalb eines beliebigen Wortes einer Zeile eines nicht-asiatischen Texts sind 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 }

Verwandte Etiketten:
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