css - :after 疑似要素に改行を追加できますか?

Question

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

これを機能させる方法はありますか？

これは IE8 の内部的なものであるため、ブラウザーの問題は問題になりません。私が行った場合

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

「ブリリアント」を改行してほしい。

Answer 1

\A改行としてレンダリングされるエスケープ シーケンスを使用できます。

.new-line:after {
  white-space: pre-wrap;
  content: "\A";
}

このメソッドは、プロパティのCCS 2.1 仕様で言及されています。content

"\A"作成者は、プロパティの後の文字列の 1 つにエスケープ シーケンスを書き込むことにより、生成されたコンテンツに改行を含めることができ 'content' ます。この挿入された改行は、引き続き 'white-space'プロパティの対象となります。