Der Abstand kann mithilfe von HTML und CSS durch 3 Ansätze hinzugefügt werden:
Methode 1: Verwenden der Sonderzeichen, die für verschiedene Leerzeichen bestimmt sind
Die nbsp; Zeichenentität, die verwendet wird, um einen nicht brechenden Raum zu bezeichnen, der ein fester Raum ist. Dies kann als der doppelte Raum eines normalen Raums wahrgenommen werden. Es wird verwendet, um ein Leerzeichen in einer Zeile zu erstellen, die nicht durch Zeilenumbruch unterbrochen werden kann.,
Die ensp; Zeichenentität, die verwendet wird, um ein ‚en‘ – Leerzeichen zu bezeichnen, das die halbe Punktgröße der aktuellen Schriftart bedeutet. Dies kann als der doppelte Raum eines normalen Raums wahrgenommen werden.
Die emsp; Zeichenentität, die verwendet wird, um ein ‚em‘ – Leerzeichen zu bezeichnen, das der Punktgröße der aktuellen Schriftart entspricht. Dies kann als viermal so groß wie der Raum eines normalen Raums wahrgenommen werden.,
Syntax:
Regular space: Two spaces gap:  Four spaces gap:  
Beispiel:
Im obigen Code ist der reguläre Raum und zwei Raum und vier Raumlücken Code nicht sichtbar, so ist hier, wie es aussieht
Ausgabe:
Methode 2: Verwenden der Tab-Size-Eigenschaft, um den Abstand für Tab-Zeichen festzulegen
Die Tab-Size-CSS-Eigenschaft ist die Anzahl der Leerzeichen festgelegt, die jedes Tab-Zeichen anzeigt., Wenn Sie diesen Wert ändern, können Sie den erforderlichen Speicherplatz in ein Tabulatorzeichen einfügen. Diese Methode funktioniert jedoch nur mit vorformatiertem Text (mit <pre> Tags).
Das Tabulatorzeichen kann durch Halten der Alt-Taste und Drücken von 0 und 9 zusammen eingefügt werden.,
Syntax:
.tab { tab-size: 2; }
Beispiel:
Ausgabe:
Methode 3: Erstellen einer neuen Klasse für den Abstand mit CSS
Es kann eine neue Klasse erstellt werden, die eine bestimmte Menge an Abstand mithilfe der Eigenschaft margin-left. Die Größe des Speicherplatzes kann durch die Anzahl der in dieser Eigenschaft angegebenen Pixel angegeben werden.
Die Anzeigeeigenschaft ist ebenfalls auf ‚inline-block‘ gesetzt, sodass nach dem Element kein Zeilenumbruch hinzugefügt wird. Dadurch kann der Raum neben Text und anderen Elementen sitzen.,
Syntax:
.tab { display: inline-block; margin-left: 40px;}
Example:
Output:
Leave a Reply