Anpassung des Abstands zwischen P-Tag-Absatz und CSS-Absatz in HTML

Im Allgemeinen verwenden wir HTML

-Tags, um Artikelabsätze auf Webseiten zu segmentieren. Ich habe diesen Artikel zusammengestellt und geordnet, weil eine bestimmte Website aufgrund der Verwendung des p-Tags in verschiedenen Browsern unterschiedliche Auswirkungen hat. Um den gleichen Effekt so weit wie möglich beizubehalten, habe ich den Artikel kurz geordnet. Durch die Verwendung des P-Tags von HTML wird ein Abstand zwischen dem vorherigen Artikel und dem nächsten Artikel erstellt. Wie kann der Abstand zwischen P und P gesteuert werden?

1. ZeilenhöheZeilenhöhe

Je größer wir den Wert der Zeilenhöhe einstellen, desto größer wird der Absatzabstand und der Abstand zwischen Wörtern und Zeilen Auch erhöhen. Diese Einstellung für den Zeilenhöhenstil wird nicht empfohlen.

CSS-Code:

p{line-height:22px}

2. CSS Polsterung Innenpolsterung (Innenrand)

kann als Polsterung empfohlen werden Legt den Abstand zwischen dem oberen und unteren Rand des Absatzes fest. Durch Festlegen des oberen und unteren Innenabstands und des Innenabstands können Sie den oberen und unteren Abstand von p Absätzen festlegen.

CSS-Code:

p{padding:10px 0}

3. CSS RandÄußere Ränder

Randimplementierung der CSS-Absatzabstandsanpassung nach oben und unten Die Abstandsstileinstellung des Abstands zwischen Absätzen Wir wissen, dass der Rand den Abstand zwischen den oberen, unteren, linken und rechten Objekten und den Abstand zwischen den Absätzen hier festlegen soll Verwenden Sie diesen CSS-Stil, um Abstände zu erreichen.

CSS-Code:

p{margin:10px 0}

4. Zusammenfassung des Absatzabstands

Für die Segmentierung von Website-Artikeln werden im Allgemeinen HTML-P-Tags verwendet, und für die Einstellungen des Segmentabstands empfehlen wir die Verwendung Polsterung und Rand, damit der Abstand leicht angepasst und der Abstand zwischen Absätzen verschönert werden kann.

Das obige ist der detaillierte Inhalt vonAnpassung des Abstands zwischen P-Tag-Absatz und CSS-Absatz in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!