Was ist der CSS-Zeilenumbruchcode?

css-Zeilenumbruchcode: 1. Die Anweisung „word-break: break-word;word-break: normal;“ kann einen automatischen Zeilenumbruch realisieren; Englischer Wortzeilenumbruch.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer. „Mehrere Möglichkeiten, Zeilen in CSS umzubrechen.“ Leerraumattribut

Einstellungen für Leerzeichenattribute Wie mit Leerzeichen innerhalb von Elementen umgegangen wird. Dieses Attribut legt fest, wie mit Leerzeichen in Elementen während des Layoutprozesses umgegangen wird.

Syntax:

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

Attributwert:

normal: Standard. Leerzeichen werden vom Browser ignoriert.

pre: Leerzeichen werden vom Browser beibehalten. Es verhält sich wie das e03b848252eb9375d56be284e690e873-Tag in HTML.

nowrap: Der Text wird nicht umgebrochen, der Text wird in derselben Zeile fortgesetzt, bis das Tag 0c6dc11e160d3b678d68754cc175188a gefunden wird.

Pre-Wrap: Leerzeichensequenzen beibehalten, Zeilen aber normal umbrechen.

Vorzeile: Leerzeichensequenzen zusammenführen, aber Zeilenumbrüche beibehalten.
2. Zeilenumbruch-Attribut

• Das Zeilenumbruch-Attribut ermöglicht das Umbrechen langer Wörter oder URL-Adressen in die nächste Zeile.

Syntax

•  div{
      word-break:break-all;
   }

  Attributwert:

• normal: Nur Zeilenumbrüche an zulässigen Silbentrennungspunkten (Browser behält die Standardverarbeitung bei).

• break-word: Umbrechen Sie Zeilen innerhalb langer Wörter oder URL-Adressen.

3. Wortumbruch-Attribut

Das Wortumbruch-Attribut gibt die Verarbeitungsmethode des automatischen Zeilenumbruchs an.

Syntax

div{
    white-space:nowrap;
}

Attributwert:

• normal: Verwenden Sie die standardmäßigen Zeilenumbruchregeln des Browsers.

• Alle umbrechen: Zeilenumbrüche innerhalb von Wörtern zulassen.

keep-all: Nur Zeilenumbrüche bei Leerzeichen halber Breite oder Bindestrichen.

(Lernvideo-Sharing:

CSS-Video-Tutorial

)

Das obige ist der detaillierte Inhalt vonWas ist der CSS-Zeilenumbruchcode?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!