表示と視認性の違いを詳しく解説

可視性非表示のオブジェクトも、表示時にオブジェクトが占有する物理空間を保持しますが、displayは保持しません。

vilibility: hidden(非表示)、visible(display) style="vislbility:hidden"

display: none(hidden)、block(display) style="display:none"

保存できます以下のコードを使用して効果を確認してください:

具体的な手順:

コード例:

< p style="border:1px Solid #000;background:#eee">

< spam style=" width:200;height:200;visibility:hidden">

←SSattributeはvisibility:hidden

< /p><のオブジェクトです。 br>

←SS 属性 display:none を持つオブジェクト

< /p>

特別なヒント

非表示のオブジェクトを制御するには、visibility 属性を使用して、表示時にその位置を占有しますが、表示は行いません。

特記事項

対応するスクリプト機能は、display 属性であり、各値の説明は次のとおりです。

none は、要素であり、要素が表示されるときにスペースは保持されません。

ブロックモードで要素を表示します。

inline 要素をインラインで表示します。

inline-block オブジェクトはインライン要素として表示されますが、すべての子オブジェクトはブロック要素として表示され、隣接するインライン要素は同じ行に表示されます。スペースは許可されます。

list-item は、ブロック要素をリスト オブジェクトとして表示し、項目句読点を追加できます。 (IE6.0 以降のサポートが必要)

table-header-group は、要素を tableheader グループとして表示します。これは、tHead 要素と同等です。

table-footer-group は、要素を tFoot 要素と同等のテーブル フッター グループとして表示します。

visibility 属性は、要素を表示するかどうかを設定します。対応するスクリプト機能は、inherit、hidden、visible です。各値の説明は次のとおりです。親要素の設定。

hidden 要素を非表示にしますが、要素が占有するスペースは保持します。 表示要素 (デフォルト値)。

以上が表示と視認性の違いを詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。