Heim > Artikel > Web-Frontend > Können Sie einen Zeilenumbruch nach einem Element nur mit CSS erzwingen?
Zeilenumbrüche mit CSS erstellen
Sie benötigen einen Zeilenumbruch, möchten aber keine zusätzlichen HTML-Tags hinzufügen? CSS ist für Sie da! So erreichen Sie einen Zeilenumbruch nach einem bestimmten Element wie einem
Frage:
Können Sie einen Zeilenumbruch nach einem Element nur mit CSS erzwingen? , ohne HTML-Tags hinzuzufügen?
Herausforderung:
Angenommen, wir haben ein
<code class="html"><li> Text, text, text, text, text. <h4>Sub header</h4> Text, text, text, text, text. </li></code>
Wir wollen einen Zeilenumbruch nach dem
Lösung:
Mit etwas cleverem CSS können wir Folgendes erreichen:
<code class="css">h4 { display: inline; } h4:after { content: "\a"; white-space: pre; }</code>
Erklärung:
Beispiel:
Schauen Sie sich diese Geige für eine Live-Demo an: http://jsfiddle.net/Bb2d7 /
Das obige ist der detaillierte Inhalt vonKönnen Sie einen Zeilenumbruch nach einem Element nur mit CSS erzwingen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!