ホームページ  >  記事  >  ウェブフロントエンド  >  divを表示および非表示にする方法

divを表示および非表示にする方法

迷茫
迷茫オリジナル
2017-03-25 10:16:543160ブラウズ

可視性 非表示のオブジェクトも、表示時にオブジェクトが占有する物理スペースを保持しますが、表示は保持しません。以下のコードを保存して効果を確認できます:
具体的な手順:
コード例:

<p style="border:1px solid #000;background:#eee">
<span style="width:200;height:200;visibility:hidden"></span>

←SS 属性をvisibility:hiddenにしたオブジェクト

</p><br>
<p style="border:1px solid #000;background:#666">
<span style="width:200;height:200;display:none"></span>

←SS属性をdisplay:noneにしたオブジェクト

特別なヒント
可視性属性を使用して非表示のオブジェクトを制御し、表示されたときにその位置を占有しますが、表示はされません。

特記事項

対応するスクリプト機能は、display 属性であり、各値の説明は次のとおりです:
none は要素を非表示にします。要素が表示されるときにスペースは保持されません。
ブロックモードで要素を表示します。
inline は要素をインラインで表示します。
inline-block オブジェクトはインライン要素として表示されますが、すべての子オブジェクトはブロック要素として表示され、隣接するインライン要素は同じ行に表示されます。スペースは許可されます。
list-item は、ブロック要素をリスト オブジェクトとして表示し、項目に句読点を追加できます。 (IE6.0+ のサポートが必要)
table-header-group は、要素を tHead 要素と同等のテーブル ヘッダー グループとして表示します。
table-footer-group は、要素を tFoot 要素と同等のテーブル フッター グループとして表示します。
visibility 属性は、要素を表示するかどうかを設定します。対応するスクリプト機能は、inherit、hidden、visible です。各値の説明は次のとおりです。
inherit は、親要素の可視性属性の設定を継承します。 。
hidden 要素を非表示にしますが、要素が占有するスペースは保持します。
表示要素 (デフォルト値)。

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

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