」を使用して、p タグに hidden 属性を追加します。2. p タグの style 属性を使用して、「display: none」を追加します。または「可視性: 非表示」スタイル。"/> 」を使用して、p タグに hidden 属性を追加します。2. p タグの style 属性を使用して、「display: none」を追加します。または「可視性: 非表示」スタイル。">
ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLでpタグを非表示にする方法
htmlp タグを非表示にする方法: 1. 構文 "
" を使用して、p タグに hidden 属性を追加します。 2. p タグで style 属性を使用し、 「表示: なし」または「可視性: 非表示」スタイルを追加します。
"; 2. p タグの style 属性を使用して、「display: none」または「visibility: hidden」スタイルを追加します。 # このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター
方法 1: p タグに hidden 属性を追加します
html hidden 属性は、要素が非表示であることを指定します。
この属性を使用すると、要素は非表示になり、非表示の要素は表示されません。<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p hidden="hidden">这是一段隐藏的段落。</p>
<p>这是一段可见的段落。</p>
</body>
</html>
レンダリング:
方法 2:
または visibility: hidden
スタイルを p タグに追加しますdisplay: none# を使用します
スペースを占有せずに要素を非表示にできるため、この属性を動的に変更すると再配置 (ページ レイアウトの変更) が発生し、これはページ上の要素を削除するものと解釈できます。子孫には継承されませんが、他の子孫は表示されません。結局のところ、それらはすべて一緒に非表示になります。
使用
、要素は非表示になりますが、非表示にはなりません。消えてもスペースを占有し、非表示後も変更されません 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 サイトの他の関連記事を参照してください。