Was bedeutet Zeilenhöhe? Der Unterschied zwischen Zeilenhöhe mit und ohne Einheiten

Wie verwende ich das Attribut „lineheight“? Was bedeutet Zeilenhöhe? Für Neulinge, die gerade erst mit CSS in Berührung gekommen sind, wissen sie möglicherweise nicht viel über die Zeilenhöhe mit und ohne Einheiten. Sprechen wir über den Unterschied zwischen der Zeilenhöhe mit und ohne Einheiten.

1: Was bedeutet Zeilenhöhe?

Zeilenhöhe wird verwendet, um die Zeilenhöhe anzugeben und den Abstand zwischen Texten zu steuern. Wir können Zeile verwenden -height, um die Mittelposition der Tabelle festzulegen, oder verwenden Sie line-height, um die Länge des Inhalts in der Tabelle anzugeben.

Verwendung:

<div style="height:100px">
php中文网
</div>
此时，文本"php中文网"会在整个div的左上角。
<div style="height:100px;line-height:100px">
php中文网
</div>

Der Effekt ist wie folgt:

2: Der Unterschied zwischen Zeilenhöhe mit Einheiten und ohne Einheiten

Im obigen Code können wir sehen, dass es eine px-Einheit in line-height:100px gibt. Was ist also der Unterschied zwischen line-height mit Einheit und ohne Einheit? Zuerst ein Bild:

Viele Menschen werden sich nicht fremd fühlen, wenn sie es sehen, und sie werden denken, dass es tatsächlich an der Zeilenhöhe liegt, um die Vertikale zu erreichen Beim Zentrieren einer Textzeile geben wir line-height einen festen Wert hinzu, und manchmal fügen wir beim Anpassen des Zeilenabstands normalerweise px oder einen Prozentsatz hinzu. In diesem Fall berücksichtigen wir keine Vererbung, und es gibt keine Probleme, die wir bei der Vererbung haben, werden ab dem Frühsommer auftreten.

Solange die Zeilenhöhe vererbt wird, kommt es tatsächlich zu Überschneidungen. Wenn nach der Zeilenhöhe Zahlen und Einheiten vorhanden sind, wird der geerbte Wert in einen bestimmten Wert umgewandelt , Erben Sie den Wert einfach direkt und er wird basierend auf seinen eigenen Attributen neu berechnet.

Was bedeutet oben die Zeilenhöhe? Eine vollständige Einführung in den Unterschied zwischen Zeilenhöhe mit und ohne Einheiten. Wenn Sie mehr über das HTML-Video-Tutorial erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.

Das obige ist der detaillierte Inhalt vonWas bedeutet Zeilenhöhe? Der Unterschied zwischen Zeilenhöhe mit und ohne Einheiten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!