Heim  >  Artikel  >  Web-Frontend  >  So legen Sie die HTML-Zeilenhöhe fest

So legen Sie die HTML-Zeilenhöhe fest

藏色散人
藏色散人Original
2021-04-28 09:11:0218252Durchsuche

So legen Sie die Zeilenhöhe in HTML fest: Erstellen Sie zunächst eine HTML-Beispieldatei. Erstellen Sie dann mehrere Zeilen Textinhalt über das p-Tag im Textkörper. Legen Sie schließlich die Zeilenhöhe fest zum Text.

So legen Sie die HTML-Zeilenhöhe fest

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, DELL G3-Computer.

So legen Sie die Zeilenhöhe für eine HTML-Seite fest

Legen Sie die Zeilenhöhe fest

Da es einfach ist, gehen wir direkt zum Code. Hinweis: Der Attributwert für die Zeilenhöhe kann feste Werte verwenden, wie zum Beispiel: 20px.. und Prozentsätze wie: 20 %.

Wenn Sie den Text wie folgt vertikal zentrieren möchten: Die Hauptfunktion der Zeilenhöhe besteht darin, die vertikale Mittelausrichtung des Textes festzulegen. Der Wert der Zeilenhöhe kann mit dem Wert der Höhe identisch sein.

Lassen Sie uns die Übung für das Zeilenhöhenattribut eingeben. Der Übungsinhalt lautet wie folgt: Festlegen der Zeilenhöhe des p-Tags auf 20 Pixel.

Codeblock

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>设置字符和单词距离</title>
    <style>
        p{
            line-height: 20px;
        }
    </style>
</head>
<body>
    <p>成功不是打败别人,而是改变自己。</p>
    <p>成功不是打败别人,而是改变自己。</p>
    <p>成功不是打败别人,而是改变自己。</p>
</body>
</html>

Ergebnisdiagramm

So legen Sie die HTML-Zeilenhöhe fest

Hinweis: Verwenden Sie Prozentsätze für den Rohcodeblock unten.

【Empfohlenes Lernen: HTML-Video-Tutorial

    <style>
        p{
            line-height: 20%;
        }
    </style>

Das obige ist der detaillierte Inhalt vonSo legen Sie die HTML-Zeilenhöhe fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn