Heim > Artikel > Web-Frontend > So löschen Sie den eigenen Abstand des p-Tags in CSS

So löschen Sie den eigenen Abstand des p-Tags in CSS

青灯夜游Original: 2021-11-09 11:44:515045Durchsuche

In CSS können Sie das p-Tag selbst löschen, indem Sie den Stil „p {padding:0;margin: 0;-webkit-margin-before: 0;-webkit-margin-after: 0;}“ auf das p setzen Tag-Abstand.

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

In HTML hat jedes Tag einen Standardstil. Beispielsweise hat das p-Tag selbst einen Abstand:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
p {
border: 1px solid red;
}
</style>
</head>
<body>
<p>hello</p>
<p>hello</p>
</body>
</html>

So löschen Sie den eigenen Abstand des p-Tags in CSS

Wie kann man also den Abstand des p-Tags selbst entfernen?

Wir können die Margin- und Padding-Attribute verwenden und ihre Werte auf 0 setzen:

p {
	padding:0;
	margin: 0;
}

Auf diese Weise kann der eigene Abstand des p-Tags gelöscht werden:

So löschen Sie den eigenen Abstand des p-Tags in CSS

Aber in einigen Browsern ist es trotzdem so, p hat immer noch einen oberen und unteren Rand, da

So löschen Sie den eigenen Abstand des p-Tags in CSS

here-webkit-margin-after和 -webkit-margin-before 1rem hat, daher ist es am besten, beide auf 0 zu setzen

-webkit-margin-before: 0;
-webkit-margin-after: 0;

(Lernvideo-Sharing: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonSo löschen Sie den eigenen Abstand des p-Tags in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：12 CSS-Tipps, die es wert sind, in den Lesezeichen gespeichert zu werden! !Nächster Artikel：12 CSS-Tipps, die es wert sind, in den Lesezeichen gespeichert zu werden! !

In Verbindung stehende Artikel

Mehr sehen