Wie kann ich Zeilenumbrüche in HTML erreichen, ohne „' zu verwenden?

Nicht mehr
: Zeilenumbrüche mit CSS erreichen

Standardpraxis schreibt die Verwendung von
vor. Tags zum Erstellen neuer Zeilen in HTML. Was wäre jedoch, wenn es eine alternative Methode gäbe, um Zeilenumbrüche zu erreichen, ohne auf
zurückzugreifen?

Die CSS-Lösung

Der Schlüssel liegt in der Verwendung der „White-Space“-Eigenschaft in CSS. Indem die Eigenschaft „white-space“ auf „pre“ gesetzt wird, können Elemente das Verhalten von

 nachahmen. Tags, die Zeilenumbrüche in ihrem Inhalt beibehalten.</p>
<h3 id="Ein-praktisches-Beispiel">Ein praktisches Beispiel</h3>
<p>Um dieses Konzept zu veranschaulichen, betrachten Sie das folgende Beispiel:</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><p>hello <br/> How are you</p>

Nach dem Login kopieren

Dieser Code erzeugt die folgende Ausgabe:

hello
How are you

Jetzt ersetzen wir das
Tag mit CSS:

p {
  white-space: pre;
}

<p>hello 
How are you</p>

Voila! Die Zeilenumbrüche bleiben erhalten, was zu genau der gleichen Ausgabe wie zuvor führt, ohne dass
.

erforderlich ist

Das obige ist der detaillierte Inhalt vonWie kann ich Zeilenumbrüche in HTML erreichen, ohne „' zu verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!