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

表示:なしと可視性:非表示の違い

王林
リリース: 2020-07-23 17:36:04
転載
2897 人が閲覧しました

表示:なしと可視性:非表示の違い

違いは次のとおりです:

(推奨チュートリアル: css クイック スタート)

表示: none 要素は、任意のスペースを占有、可視性: 非表示要素のスペースは保持されます;

表示: CSS3 のトランジション効果には影響しません、可視性: 非表示には影響しません;

表示: なし 非表示は再描画を生成します (再描画) ) とリフロー (relfow)、可視性: 非表示は再描画のみをトリガーします;

関与: 表示のノードと子孫ノード要素: どれもすべて非表示ではありません、可視性の子孫ノード要素: 非表示のノードは可視性を指定して表示できます:見える 。 Visibility: hidden 属性値は継承可能であるため、子孫要素は hidden を継承し、デフォルトで非表示になりますが、子孫要素が Visibility:visible にリセットされると、非表示にはなりません。

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

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