CSS の可視性についての簡単な説明: 非表示と表示: なし

CSS の visibility 属性 の場合、通常、その値は表示または非表示に設定されます。

visibility:hiddenは、要素を非表示にできるdisplay:noneと同等ですが、2つの違いは次のとおりです:

① display:none 要素はもう存在しません。スペースをとります。

② visibility: hiddenは要素をWebページ上で非表示にしますが、それでもスペースを占有します。

ただし、可視性は、値 Collapse を取ることもあります。要素に Visibility: Collapse が設定されている場合、一般要素は Visibility: Hidden と同じように動作します。つまり、スペースを占有します。ただし、要素がテーブル行、テーブル列、テーブル列グループ、テーブル列グループなどのテーブル関連要素である場合、その動作は display: none と同じになります。つまり、要素が占有しているスペースは解放されます。 。

異なるブラウザでは、visibility:collapseは異なる方法で処理されます:

① 上記のvisibility:collapseの機能はFirefoxでのみ動作します。

② IEでvisibility:collapseを設定しても要素は表示されます。

③Chrome では、要素が非表示になっている場合でも、それがテーブルに関連する要素であろうとなかろうと、visibility:collapse は Visibility:hidden と変わりません。つまり、領域を占有し続けます。

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