ホームページ  >  記事  >  ウェブフロントエンド  >  divの隠し空間の位置関係

divの隠し空間の位置関係

高洛峰
高洛峰オリジナル
2017-02-09 16:37:491963ブラウズ

display:none と Visibility:hidden はどちらも Web ページ上の要素を非表示にする機能ですが、異なるものです。個人的な実験の結果、visibility:hidden 属性を使用するとオブジェクトが非表示になりますが、オブジェクトは非表示にはならないことがわかりました。 Web ページ上で表示されるスペースは変化しません (表示されませんがタッチできます)。これは空白領域を残すことと同じであり、display:none 属性によりオブジェクトが完全に消えます (表示もタッチもできません)。 。
「そのような説明です。
しかし、それだけでは十分ではないと感じたので、それについての読み込みの問題を考えました。
属性 display:none; を持つ構造体は、ページが読み込まれるときに同時に読み込まれるのでしょうか? あるいは、これは、display:block; に変更されるときにロードされますか?
属性がロードされるときに、visibility:hidden; に変更されるときにロードされますか? ;? ?

私の個人的な意見は次のとおりです:
display:; その値がブロックになると、その構造が読み込まれます。
その値が非表示になると、可視性が読み込まれます。占有するスペースはまだ存在します

div の隠しスペースの位置関係に関するその他の関連記事については、PHP 中国語 Web サイトに注目してください

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