:after疑似要素に改行を入れることはできますか？

質問内容

を追加したい。 <br /> を特定のクラスに追加したい。擬似クラスの:afterを使用すると、単に <br /> をテキストとして表示するだけです。

これを動作させる方法はありますか？

IE8用に内蔵されているので、ブラウザの問題はありません。もし、私が

<span class="linebreakclass">cats are</span> brilliant

改行で"brilliant"を表示させたい。

どのように解決するのですか？

HTMLタグのレンダリングはできませんが、このようにスタイルを設定することができます。

.needs-space:after {
    content: " ";
    display: block;
    clear: both; /* if you need to break floating elements */
}

ここでの主な設定は display: block; これは の後に の中に DIV . そして、この擬似要素は、すべての最新ブラウザでサポートされています。IEも含めてです。このように、ユーザーとそのブラウザを意識する必要があります。