HTML5の段落で2つのスペースを空白のままにする方法

HTML で段落の前に 2 つのスペースを実装する方法は、エンティティを使用し、テキストインデント スタイルを使用し、CSS タブ属性を使用してタブ文字を直接挿入します。

段落の前に 2 つのスペース

HTML では、次の方法を使用して段落の前に 2 つのスペースを実現できます。   ; エンティティ

  エンティティは非スペース文字を表しますが、ブラウザではスペースとして表示されます。 2 つのスペースを空白のままにする場合は、2 つの連続する   エンティティを使用できます。

<p>  段落内容</p>

text-indent スタイル # を使用します。

##text-indent

style 属性は、段落の最初の行のインデントを定義します。 2 つのスペースを空白のままにするには、text-indent を 2 em に設定します。

<p style="text-indent: 2em;">段落内容</p>

CSS

tab 属性を使用します

tab

この属性は、文字間のタブ停止位置を定義します。スペースを 2 つ残すには、tab-size を 2 スペースに設定します。

p {
  tab-size: 2;
}

HTML に

tab 文字を挿入しますThe

tab

文字は HTML ソース コードに直接挿入できます:

<p>&#9;段落内容</p>

このうち、 は

tab

文字を表します。 方法を選択するときは、特定の状況に応じて最も便利で互換性のある方法を選択してください。

以上がHTML5の段落で2つのスペースを空白のままにする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。