So setzen Sie Leerzeichen in HTML (zwei Methoden)

In HTML gibt es zwei Möglichkeiten, Leerzeichen zu verwenden. Die erste besteht darin, Sonderzeichenentitäten zur Darstellung von Leerzeichen zu verwenden; die zweite besteht darin, CSS-Eigenschaften zu verwenden, um Leerzeichen festzulegen.

Methode 1: Sonderzeichen-Entitäten zur Darstellung von Leerzeichen verwenden

Es gibt einige Sonderzeichen-Entitäten in HTML, die zur Darstellung von Leerzeichen verwendet werden können. Die am häufigsten verwendeten sind die folgenden beiden:

1. : Normales Leerzeichen

Geben Sie ein normales Leerzeichen in HTML ein, und auf der Seite wird nichts angezeigt. Wenn Sie in HTML ein Leerzeichen generieren möchten, müssen Sie das Sonderzeichen entity verwenden.

Wenn Sie beispielsweise in HTML ein Leerzeichen zwischen zwei Wörtern erzeugen möchten:

<p>hello world</p>

Dadurch wird ein Leerzeichen zwischen „Hallo“ und „Welt“ generiert.

2. : Keine Leerzeichen

Manchmal müssen Sie eine lange Zeichenfolge in eine Zelle eingeben. Wenn die Zeichenfolge die Breite der Zelle überschreitet, wird sie automatisch umbrochen. Um an bestimmten Stellen Zeilenumbrüche zu vermeiden, müssen Sonderzeichenentitäten verwendet werden.

Wenn Sie beispielsweise eine lange Zeichenfolge in eine Zelle eingeben möchten:

<td>hello &#160;world</td>

Auf diese Weise werden die Zeichenfolgen durch die fortlaufenden Leerzeichen zwischen den Zeichenfolgen „Hallo“ und „Welt“ miteinander verbunden, und es kommt nicht zu einem Zeilenumbruch.

Methode 2: Verwenden Sie CSS-Eigenschaften, um Leerräume festzulegen.

CSS bietet einige Eigenschaften, die zum Festlegen von Leerräumen verwendet werden können.

1. margin

margin ist der Rand zwischen Elementen, der zum Festlegen von Leerraum verwendet werden kann.

Wenn Sie beispielsweise 10 Pixel Leerraum zwischen zwei Absätzen hinzufügen möchten:

p {
    margin-bottom: 10px;
}

Dadurch werden unter jedem Absatz 10 Pixel Leerraum hinzugefügt.

2. padding

padding ist die Polsterung des Elements, mit der die Polsterung des Elements festgelegt werden kann.

Wenn Sie beispielsweise 10 Pixel Leerraum um ein Element hinzufügen möchten:

div {
    padding: 10px;
}

Dadurch werden 10 Pixel Abstand um das Element herum hinzugefügt, wodurch ein Leerraum entsteht.

3. Zeilenhöhe

Zeilenhöhe ist die Zeilenhöhe, mit der der Abstand zwischen Zeilen festgelegt werden kann.

Wenn Sie beispielsweise den Abstand zwischen zwei Zeilen in einem Absatz vergrößern möchten:

p {
    line-height: 2;
}

Dadurch wird der Abstand zwischen zwei Zeilen in einem Absatz verdoppelt.

Zusammenfassung:

Beide der beiden oben genannten Methoden können zum Festlegen von Leerzeichen in HTML verwendet werden. Welche Methode verwendet werden soll, hängt von den tatsächlichen Anforderungen ab. Wenn es sich nur um eine einfache Leerzeicheneinstellung handelt, ist es bequemer, Sonderzeichenentitäten zu verwenden. Wenn Sie komplexe Intervalle festlegen müssen, können Sie dies mithilfe von CSS-Eigenschaften erreichen.

Das obige ist der detaillierte Inhalt vonSo setzen Sie Leerzeichen in HTML (zwei Methoden). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!