Heim >Web-Frontend >CSS-Tutorial >Wie kann ich Zeilenumbrüche vor HTML-Elementen einfügen, indem ich nur CSS verwende?

Wie kann ich Zeilenumbrüche vor HTML-Elementen einfügen, indem ich nur CSS verwende?

Linda Hamilton
Linda HamiltonOriginal
2024-12-03 07:51:11731Durchsuche

How Can I Insert Line Breaks Before HTML Elements Using Only CSS?

Einfügen von Zeilenumbrüchen in HTML-Elementen mit CSS

Mit der Content-Eigenschaft von CSS ist es möglich, Zeilenumbrüche vor HTML-Elementen einzufügen. Der Versuch, HTML-Tags wie
zu verwenden in der Content-Eigenschaft, wie im folgenden Beispiel zu sehen ist, funktioniert nicht:

#restart:before {
  content: '<br/>';
}

Um das gewünschte Ergebnis zu erzielen, muss man die A-Escape-Sequenz innerhalb des generierten Inhalts des Pseudoelements verwenden. Gemäß der CSS2-Spezifikation stellt A das Ende einer Zeile dar.

#restart:before {
  content: '\A';
}

Zusätzlich kann es notwendig sein, Leerzeichen einzufügen: pre; an den Stil des Elements anpassen, um zu verhindern, dass nachfolgende Leerzeichen entfernt werden.

Beachten Sie, dass A das Ende einer Zeile bezeichnet.

Ein anderer Ansatz zum Einfügen von Zeilenumbrüchen ist die Verwendung des folgenden CSS:

:before {
  content: ' ';
  display: block;
}

Das obige ist der detaillierte Inhalt vonWie kann ich Zeilenumbrüche vor HTML-Elementen einfügen, indem ich nur CSS verwende?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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