html - CSS を使用して、要素の前ではなく後に改行を挿入するにはどうすればよいですか?

Question

例えば：

HTML:

The quick brown fox <span class="break">{BREAK}</span> jumps over the lazy dog.

これを表示したい：

素早い茶色のキツネ {BREAK}

怠惰な犬を飛び越えます。

display物件を調べてみましたが、display:inline;どこも割れておらずdisplay:block、両サイドに切れ目を入れています。

:after疑似クラスも調べたの.break:after{content:"\000A";}ですが、改行ではなくスペースとしてレンダリングしてしまいます。

score 31 · Accepted Answer

デフォルトでは、HTML 要素は空白を無視します。それを変更
する必要があります：

.break:after {
    content:"\000A";
    white-space: pre;
}

score 3 · Accepted Answer

html:

The quick brown fox <span class="break"></span> jumps over the lazy dog.

CSS:

.break{
    display:block;
}

そして、それはあなたが必要とするすべてです。display:block両側で破損する可能性がありますが、余分な行が発生することはありません。私のフィドルを見てください。

2 に答える 2