``を使用せずにHTMLで改行を実現するにはどうすればよいですか?

これ以上
: CSS で改行を実現する

標準的な慣例では、
の使用が規定されています。タグを使用して HTML 内に新しい行を作成します。しかし、
に頼らずに改行を実現する別の方法があったとしたらどうでしょうか?

CSS ソリューション

鍵は「空白」プロパティの利用にありますCSSで。 「white-space」プロパティを「pre」に設定すると、要素は

 の動作を模倣できます。 </p>
<h3 id="実際的な例">実際的な例</h3>
<p>この概念を説明するために、次の例を考えてみましょう。</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><p>hello <br/> How are you</p>

ログイン後にコピー

このコードは次の出力を生成します。

hello
How are you

それでは、
を置き換えてみましょう。 CSS でタグを付けます:

p {
  white-space: pre;
}

<p>hello 
How are you</p>

出来上がりです。改行は保持されるため、
を必要とせずに、以前とまったく同じ出力が得られます。

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