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

CSS の要素の前に改行を挿入

CSS コンテンツ プロパティを使用して、HTML 要素の前に改行を挿入できます。

「A」エスケープの使用Sequence

CSS2 仕様では、行の終わりを示すために 'A' エスケープ シーケンスの使用が許可されています。これは、要素の前に改行を挿入するために使用できます:

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

適切な表示を確保するには、空白を追加する必要がある場合があります: pre;

:before 擬似要素を使用する代替方法

別のアプローチは、display: block と空の content:

を使用して擬似要素を作成することです。

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

このメソッドは、要素の前にブロックレベルのスペースを挿入し、効果的に行を作成します

注:

「A」は行末を表し、
ではないことに注意してください。タグ。このメソッドは実際の
を挿入しません。要素を DOM に追加します。

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