``を使用せずにCSSで改行を作成するにはどうすればよいですか?

を使用せずに改行を実現するCSS では

HTML では、
要素は通常、改行に使用されます。ただし、

<p>hello <br> How are you</p>

hello
How are you

出力:

p {
  white-space: pre;
}

<p>hello
How are you</p>

を使用した代替アプローチCSS

を使用せずに改行を実現するには、CSS プロパティの空白: pre を利用できます。このプロパティは、

 の動作を複製します。 <p><strong></strong></p>
<pre class="brush:php;toolbar:false">hello
How are you

white-space: pre の効果

white-space: pre プロパティはブラウザーに指示します。空白文字を HTML に記述されたとおりに維持するため。この場合、「こんにちは」と「お元気ですか」の間の改行は保持され、改行になります。代替アプローチの出力このメソッドは、HTML に不要なマークアップを追加せずに改行を作成する便利な方法を提供します。これは、改行が必要だが、
のようなセマンティック要素が必要な状況で特に便利です。 は適切ではありません。

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