Heim > Artikel > Web-Frontend > So legen Sie die HTML-Zeilenhöhe fest
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.
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
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!