div の表示と非表示の詳細な紹介

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

←SS属性がvisibility:hiddenのオブジェクト

←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 サイトの他の関連記事を参照してください。