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

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

<div style="border:1px Solid #000;background:#eee">
<span style="width: 200; height:200;visibility:hidden"></span>
←SS属性がvisibility:hiddenのオブジェクト
</div><br>
<div style="border:1px Solid #000 ;background :#666">
<span style="width:200;height:200;display:none"></span>
←SS属性がdisplay:noneのオブジェクト
</div>

特別なヒント
。

特記事項

対応するスクリプト機能は、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 サイトの他の関連記事を参照してください。