So erzwingen Sie in CSS3 keine Zeilenumbrüche

So erzwingen Sie keine Zeilenumbrüche in CSS3: Erstellen Sie zunächst eine HTML-Beispieldatei. Anschließend legen Sie den Stil „white-space:nowrap;“ fest.

Die Betriebsumgebung dieses Artikels: Windows 7-System, CSS3-Version, Dell G3-Computer.

css implementiert erzwungenen Nicht-Zeilenumbruch/automatischen Zeilenumbruch/erzwungenen Zeilenumbruch

In unserer täglichen Codierung stoßen wir häufig auf die Anforderung, dass dieser Text nicht oder automatisch umgebrochen werden kann. Obwohl diese Funktion in unserem täglichen Leben sehr verbreitet ist, glaube ich, dass sich nicht jeder daran erinnern kann (zumindest ist Xiaoyue sehr faul und überprüft nie, was er verwendet, hehe ...). Heute lernen wir, wie man mit css den Text nicht umbricht/automatisch umbricht/den Textumbruch erzwingt. Freunde, die es brauchen, können zusammenkommen und lernen!

• Keine Zeilenumbrüche erzwingen.

p{
    white-space:nowrap;
}

• Automatische Zeilenumbrüche

  CSS-Einstellungen, um Zeilen nicht zu unterbrechen:

Überlauf :hidden hide

• white -space: normal Standard

pre-Zeilenumbrü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 auf das br-Objekt stößt

• Erzwungenen Zeilenumbruch festlegen:
• word-break:
normal ; Zeilenumbrüche innerhalb von Wörtern gemäß den Textregeln für asiatische und nicht-asiatische Sprachen zulassen
• 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öhenumgehungen zwischen nicht-asiatischem Text, der eine kleine Menge asiatischen Text enthält.

• Englisch ohne Zeilenumbrüche

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

Syntax: Wort-Break: normal |. break-all | Parameter: normal: Zeilenumbrüche innerhalb von Wörtern gemäß den Textregeln für asiatische und nicht-asiatische Sprachen zulassen break-all: Dieses Verhalten ist das gleiche wie in 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: Dasselbe 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 veranschaulichen: Legt das Zeilenumbruchverhalten 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.

Empfohlenes Lernen: „

CSS-Video-Tutorial

“

Das obige ist der detaillierte Inhalt vonSo erzwingen Sie in CSS3 keine Zeilenumbrüche. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!