ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS のみを使用して HTML 要素の前に改行を挿入するにはどうすればよいですか?

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

Linda Hamilton
Linda Hamiltonオリジナル
2024-12-03 07:51:11733ブラウズ

How Can I Insert Line Breaks Before HTML Elements Using Only CSS?

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

CSS の content プロパティを使用して HTML 要素の前に改行を挿入することができます。
のような HTML タグを使用しようとしています。次の例に示すように、content プロパティ内の要素は機能しません:

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

望ましい結果を達成するには、疑似要素の生成されたコンテンツ内で A エスケープ シーケンスを使用する必要があります。 CSS2 仕様によれば、A は行の終わりを表します。

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

さらに、空白を含める必要がある場合があります。

A は行末を示すことに注意してください。

改行を挿入する別の方法は、次の CSS を使用することです。

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。