1. ホーム
  2. css

[解決済み] CSSで要素の前に改行を挿入する方法

2022-04-20 15:10:29

質問

CSSのcontentプロパティを使って、要素の前に改行タグを挿入する方法を見たような気がします。明らかにうまくいきません。

#restart:before { content: '<br/>'; }

でも、これってどうやるんですか?

どのように解決するのか?

を使用することで可能です。 \A エスケープシーケンス を、psuedo-elementの生成するコンテンツに含めることができます。 続きを読む をCSS2仕様に追加しました。

#restart:before { content: '\A'; }

を追加する必要がある場合もあります。 white-space:pre;#restart .

をメモしておきます。 \A は行末を表します。

p.s. もう一つの治療法として

:before { content: ' '; display: block; }