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?
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>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>
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
.
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!