Heim > Artikel > Web-Frontend > So legen Sie den Absatzabstand in HTML fest
So legen Sie den Absatzabstand in HTML fest
- 青灯夜游Original
- 2021-05-14 16:06:4411950Durchsuche
So legen Sie den Absatzabstand in HTML fest: 1. Verwenden Sie das Attribut „line-height“, um den Absatzabstand einer einzelnen Textzeile mit der Syntax „line-height: value;“ festzulegen. 2. Verwenden Sie das Randattribut, um den Absatzabstand von mehrzeiligem Text festzulegen. Die Syntax lautet „Rand: Abstandswert;“.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
1. Verwenden Sie das Zeilenhöhenattribut: Zeilenhöhe. Im Allgemeinen gilt: Je größer der Wert, desto größer ist natürlich der Abstand zwischen den Absätzen Um größer zu werden, verwenden wir in vielen Fällen im Allgemeinen nicht das Attribut line-height, um es festzulegen.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
p {
line-height: 50px;
}
</style>
</head>
<body>
<p>测试文本，测试文本，测试文本，测试文本，测试文本</p>
<p>测试文本，测试文本，测试文本，测试文本，测试文本</p>
</body>
</html>Rendering:
2. Verwenden Sie das Randattribut: margin
Solange wir den oberen, unteren, linken und rechten Rand des Randes und den Abstand zwischen Objekten festlegen, können wir den Abstand erreichen zwischen dem oberen und unteren Absatz.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
p {
margin: 50px;
}
</style>
</head>
<body>
<p>测试文本，测试文本，测试文本，测试文本，测试文本</p>
<p>测试文本，测试文本，测试文本，测试文本，测试文本</p>
</body>
</html>
Empfohlenes Tutorial: „
HTML-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo legen Sie den Absatzabstand in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!