So verstecken Sie das p-Tag in HTML-HTML-Tutorial-php.cn

So verstecken Sie das p-Tag in HTML

青灯夜游

Freigeben： 2023-01-05 16:13:26

Original

10165 Leute haben es durchsucht

So verbergen Sie das p-Tag in HTML: 1. Fügen Sie das versteckte Attribut zum p-Tag mit der Syntax „

“ hinzu. 2. Verwenden Sie das style-Attribut im p-Tag und fügen Sie „ Anzeige: keine“ oder „Sichtbarkeit: ausgeblendet“.

So verstecken Sie das p-Tag in HTML

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

Methode 1: Fügen Sie das versteckte Attribut zum p-Tag hinzu.

HTML-verstecktes Attribut gibt an, dass das Element ausgeblendet ist.

Wenn Sie dieses Attribut verwenden, wird das ausgeblendete Element nicht ausgeblendet angezeigt

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<p hidden="hidden">这是一段隐藏的段落。</p>
		<p>这是一段可见的段落。</p>
	</body>
</html>

Nach dem Login kopieren

Rendering:

So verstecken Sie das p-Tag in HTML

Methode 2: Fügen Sie dem p-Tag den Stil display: none oder visibility: versteckt hinzu display: none或visibility: hidden样式

使用display: none可以不占据空间的，把元素隐藏起来，所以动态改变此属性时会引起重排（改变页面布局），可以理解成在页面中把该元素删除掉一样；不会被子孙继承，但是其子孙是不会显示的，毕竟都一起被隐藏了。

使用visibility: hidden

Verwenden Sie display: none Wenn es keinen Platz einnimmt, ist das Element ausgeblendet. Das dynamische Ändern dieses Attributs führt also zu einer Neuanordnung (Änderung des Seitenlayouts), was als Löschen des Elements auf der Seite verstanden werden kann Von Nachkommen geerbt, aber seine Nachkommen werden nicht angezeigt. Schließlich sind sie alle zusammen ausgeblendet belegt weiterhin Platz und der ursprüngliche HTML-Stil wird nach dem Ausblenden nicht geändert. Nachkommen können das an das Element gebundene Ereignis auch einblenden, indem sie es nicht dynamisch ändern Neuzeichnen verursachen.

Beispiel:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<p style="display: none;">这是一段隐藏的段落。</p>
		<p>这是一段可见的段落。</p>
		<p style="visibility: hidden;">这是一段隐藏的段落。</p>
		<p>这是一段可见的段落。</p>
	</body>
</html>

Nach dem Login kopieren

Rendering: So verstecken Sie das p-Tag in HTML

Empfohlenes Tutorial: „

HTML-Video-Tutorial🎜“🎜

Das obige ist der detaillierte Inhalt vonSo verstecken Sie das p-Tag in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!