HTMLでpタグを非表示にする方法-htmlチュートリアル-php.cn

ホームページ

ウェブフロントエンド

htmlチュートリアル

HTMLでpタグを非表示にする方法

青灯夜游

May 06, 2021 pm 01:49 PM

html pタグ隠れる

htmlp タグを非表示にする方法: 1. 構文 "

方法 1: p タグに hidden 属性を追加します HTMLでpタグを非表示にする方法

html hidden 属性は、要素が非表示であることを指定します。

この属性を使用すると、要素は非表示になり、非表示の要素は表示されません。

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

ログイン後にコピー

レンダリング:

方法 2:

display: none

または HTMLでpタグを非表示にする方法 visibility: hidden

スタイルを p タグに追加します

display: none# を使用しますスペースを占有せずに要素を非表示にできるため、この属性を動的に変更すると再配置 (ページレイアウトの変更) が発生し、これはページ上の要素を削除するものと解釈できます。子孫には継承されませんが、他の子孫は表示されません。結局のところ、それらはすべて一緒に非表示になります。使用

visibility: hidden

、要素は非表示になりますが、非表示にはなりません。消えてもスペースを占有し、非表示後も変更されません HTML の元のスタイルは子孫に継承され、visibility:visible; を設定することで再表示することもできます; バインドされているイベントはトリガーされません例:

<!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>

ログイン後にコピー

レンダリング:

推奨チュートリアル: "

html ビデオチュートリアル

以上がHTMLでpタグを非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。