スペースは、HTMLとCSSを使用して3つのアプローチで追加できます。
方法1：異なるスペースに指定された特殊文字を使用して
固定スペースである非破壊空間を表すために使用される文字エンティティ。 これは通常の空間の倍の空間として認識される可能性があります。 これは、ワードラップで壊すことができない行にスペースを作成するために使用されます。,
 文字エンティティは、現在のフォントの半分のポイントサイズを意味する’en’スペースを示すために使用されます。 これは通常の空間の倍の空間として認識される可能性があります。
 文字エンティティは、現在のフォントのポイントサイズに等しいことを意味する’em’スペースを示すために使用されます。 これは、通常の空間の四倍の空間として認識されることがあります。,
構文：
Regular space: Two spaces gap:  Four spaces gap:  
例：
上記のコードでは、通常のスペースと二つのスペースと四つのスペースのギャップコードは表示されませんので、ここではどのように見えます
出力：
方法2：tab-sizeプロパティを使用してタブ文字の間隔を設定する
cssのtab-sizeプロパティは、各タブ文字が表示するスペースの数を設定します。, この値を変更すると、一つのタブ文字に必要な量のスペースを挿入できます。 ただし、このメソッドは、書式設定されたテキストでのみ機能します（<pre>タグを使用）。
タブ文字は、Altキーを押しながら0と9を同時に押すことで挿入できます。,
構文：
.tab { tab-size: 2; }
例：
出力：
方法3：CSSを使用してスペーシング用の新しいクラスを作成する
新しいクラスを作成することができます。margin-leftプロパティを使用して一定の間隔を与えるcreated。 スペースの量は、このプロパティで指定されたピクセル数で指定できます。
displayプロパティも’inline-block’に設定されているため、要素の後に改行が追加されません。 これはスペースがテキストおよび他の要素の隣に坐るようにする。,
Syntax:
.tab { display: inline-block; margin-left: 40px;}
Example:
Output:
Leave a Reply