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

CSS を使用した改行の作成

問題:

要素の前に改行を挿入するHTML の
を使用するタグは簡単です。ただし、CSS を使用して同じ効果を実現するには課題があります。

解決策:

CSS コンテンツ プロパティを利用すると、要素の前に改行を挿入できます。 。秘訣は、生成されたコンテンツ内で A エスケープ シーケンスを使用することにあります。

コード:

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

考慮事項:

場合によっては、white-space:pre; を追加します。親要素への追加 (#restart) が必要な場合があります。これにより、ブラウザは空白文字を保持するようになります。

代替アプローチ:

代替アプローチには、スペース文字 (' ') を使用し、それをブロックとして設定することが含まれます。 element:

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

注:

• A は行の終わりを示します。
• 別の方法では、空のブロック要素を追加します。すべてのアプリケーションに適しているわけではありません。

追加洞察:

この手法の詳細については、CSS2 仕様を参照してください。

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