So drücken Sie einen Zeilenabstand von 150 % in CSS aus-Front-End-Fragen und Antworten-php.cn

So drücken Sie einen Zeilenabstand von 150 % in CSS aus

WBOY

Freigeben： 2022-06-30 14:42:20

Original

1573 Leute haben es durchsucht

In CSS kann der Zeilenabstand von 150 % durch „element {line-height:150 %}“ ausgedrückt werden; das Attribut „ine-height“ kann den Prozentwert verwenden, um den Zeilenabstand des Elements festzulegen Die Prozentzeicheneinheiten stellen den prozentualen Zeilenabstand basierend auf der aktuellen Schriftgröße dar.

So drücken Sie einen Zeilenabstand von 150 % in CSS aus

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.

Wie man einen Zeilenabstand von 150 % in CSS ausdrückt

kann mit dem Attribut „line-height“ ausgedrückt werden. Die Syntax lautet:

元素{line-height:150%}

Nach dem Login kopieren

line-height, auch bekannt als Zeilenhöhe, bezieht sich auf den Abstand zwischen den Grundlinien von zwei Textzeilen kann man auch die Höhe nennen, die diese Textzeile einnimmt.

So drücken Sie einen Zeilenabstand von 150 % in CSS aus

Sie können den Zeilenabstand über das Zeilenhöhenattribut line-height festlegen. Das Syntaxformat lautet „Zeilenhöhe: Abstandswert;“. Der Wert des Attributs „Zeilenhöhe“ kann ein relativer Wert, ein absoluter Wert oder eine bestimmte Zahl sein; je größer der Wert von „Zeilenhöhe“, desto größer der Zeilenabstand.

Das Beispiel sieht wie folgt aus:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title> 
<style>
p.small {line-height:70%;}
p.big {line-height:150%;}
</style>
</head>
<body>
<p>
这是一个标准行高的段落。<br>
这是一个标准行高的段落。<br>
大多数浏览器的默认行高约为110%至120%。<br>
</p>
<p class="small">
这是一个更小行高的段落。<br>
这是一个更小行高的段落。<br>
这是一个更小行高的段落。<br>
这是一个更小行高的段落。<br>
</p>
<p class="big">
这是一个更大行高的段落。<br>
这是一个更大行高的段落。<br>
这是一个更大行高的段落。<br>
这是一个更大行高的段落。<br>
</p>
</body>
</html>

Nach dem Login kopieren

Ausgabeergebnis:

So drücken Sie einen Zeilenabstand von 150 % in CSS aus

Erweitertes Wissen:

Der Wert dieses Attributs

normal ist der Standardwert. Angemessenen Zeilenabstand festlegen
Zahl Legen Sie eine Zahl fest. Diese Zahl wird mit der aktuellen Schriftgröße multipliziert, um den Zeilenabstand festzulegen.
length legt einen festen Zeilenabstand fest.
% Prozentualer Zeilenabstand basierend auf der aktuellen Schriftgröße.

(Teilen von Lernvideos: CSS-Video-Tutorial, HTML-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonSo drücken Sie einen Zeilenabstand von 150 % in CSS aus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!