CSS を使用して要素の前に改行を追加するにはどうすればよいですか?

CSS を使用して要素の前に改行を挿入する

この記事では、CSS を使用して要素の前に改行を挿入する方法を説明します。次のように content プロパティを使用しようとすると失敗します:

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

疑似要素の生成されたコンテンツで A エスケープ シーケンスを利用する解決策を紹介します:

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

適切な表示を確保するには、ターゲット要素に white-space:pre を追加する必要がある場合があります。例:

#restart { white-space: pre; }

注: A エスケープ シーケンスは行の終わりを示します。

あるいは、次のアプローチを検討してください。

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

以上がCSS を使用して要素の前に改行を追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。