この記事では、を使用してテキストにスペース/タブを追加する方法を学びます。 HTML そして CSS 。ご存じのとおり、HTML はデフォルトで複数のスペースをサポートしていないため、テキスト間に追加のスペースを確保するには、追加の属性または CSS が必要です。
これらは次のアプローチであり、これらを使用してテキストにスペース/タブを追加できます。
目次
HTML エンティティの使用
- の 文字エンティティは、固定スペースである非改行スペースを示すために使用されます。これは、通常の空間の 2 倍の空間として認識される場合があります。ワードラップで改行できない行内にスペースを作成するために使用されます。
- の 文字エンティティは、現在のフォントのハーフポイントサイズを意味する「en」スペースを示すために使用されます。これは、通常の空間の 2 倍の空間として認識される場合があります。
- の 文字エンティティは、現在のフォントのポイント サイズに等しいことを意味する「em」スペースを示すために使用されます。これは通常の空間の 4 倍の空間として認識される場合があります。
構文
// Regular space // Two spaces gap // Four spaces gap>
例: この例では、スペースの使用方法を見ていきます。、を追加することを忘れないでください。 、および &emsp は、テキスト間にスペースを追加する必要があるコード内にあります。
html HTML/CSSを使用してテキストにスペース/タブを挿入するにはどうすればよいですか?タイトル>頭> techcodeview.comh1> HTML/CSS を使用してテキストにスペース/タブを挿入するには?b>
ここは通常のスペースです。p>
これは 2 つのスペースのギャップです。p>
これは スペース4つ分の隙間です。p> body> html>>>
出力:
JavaScriptのトリム

CSS での tab-size プロパティの使用
の CSSのタブサイズプロパティ は、各タブ文字に表示されるスペースの数を設定するために使用されます。この値を変更すると、1 つのタブ文字に必要な量のスペースを挿入できるようになります。ただし、この方法は事前にフォーマットされたテキストでのみ機能します (
tags). The tab character can be inserted by holding the Alt and pressing 0 and 9 together. Syntax .tab { tab-size: value; /* for e.g: value = 2*/ } Example: In this example, we are going to implement the above-explained method. html HTML/CSSを使用してテキストにスペース/タブを挿入するにはどうすればよいですか?タイトル>