ホームページ > ウェブフロントエンド > CSSチュートリアル > 表示:なしと可視性:非表示の違いは何ですか

表示:なしと可視性:非表示の違いは何ですか

hzc
リリース: 2020-06-28 10:52:30
オリジナル
5624 人が閲覧しました

[display:none] と [visibility:hidden] の違いは次のとおりです: 1. 前者は非表示オブジェクト用に物理スペースを予約しませんが、後者は非表示オブジェクト用に物理スペースを予約します。前者 値がブロックになるまで構造体はロードされず、ページがロードされるときにすでにロードされます。

表示:なしと可視性:非表示の違いは何ですか

display:none 非表示のオブジェクト用に物理スペースを予約しないでください

##visibility :hidden

非表示オブジェクト用の物理スペースを予約します。つまり、display:;値が

block

になると、そのオブジェクトが配置されている場所に構造体がロードされます。 および

visibility

は、その値が hidden の場合でも、その値が占有するスペースがまだ存在するため、ページが読み込まれるときに読み込まれます。 CSS

display:none

属性を使用すると、HTML 要素 (オブジェクト) の幅、高さ、およびその他の属性値が「失われます」 と可視性: hidden 属性の後、HTML 要素 (オブジェクト) は視覚的に見えないだけ (完全に透明) であり、それが占有するスペースは依然として存在します

推奨チュートリアル: 「

css チュートリアル##」 #》

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート