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

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

hzc
hzcオリジナル
2020-06-28 10:52:305616ブラウズ

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

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

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

##visibility :hidden

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

block

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

visibility

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

display:none

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

推奨チュートリアル: 「

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

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

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