Eine kurze Diskussion der CSS-Sichtbarkeit: versteckt | Minimierung und Anzeige: keine

Für das Attribut Sichtbarkeit in CSS ist der Wert normalerweise auf sichtbar oder ausgeblendet gesetzt.

Sichtbarkeit: versteckt entspricht Anzeige:none kann Elemente ausblenden, aber der Unterschied zwischen den beiden ist:

①　display:none-Elemente belegen keinen Platz mehr.

②　Sichtbarkeit: ausgeblendetMacht das Element auf der Webseite unsichtbar, nimmt aber dennoch Platz ein.

Allerdings kann die Sichtbarkeit auch den Wertverfall mit sich bringen. Wenn Visibility: Collapse für ein Element festgelegt ist, verhalten sich allgemeine Elemente genauso wie Visibility: Hidden, d. h. sie nehmen Platz ein. Wenn es sich bei dem Element jedoch um ein tabellenbezogenes Element handelt, z. B. eine Tabellenzeile, eine Tabellenspalte, eine Tabellenspaltengruppe, eine Tabellenspaltengruppe usw., ist sein Verhalten dasselbe wie bei display: none, dh der von ihm belegte Platz wird freigegeben .

Unter verschiedenen Browsern wird Sichtbarkeit: Einklappen unterschiedlich gehandhabt:

①Sichtbarkeit: Die oben genannten Funktionen zum Reduzieren funktionieren nur unter Firefox.

② Auch wenn Sichtbarkeit: Kollaps im IE eingestellt ist, wird das Element weiterhin angezeigt.

③ Unter Chrome hat Sichtbarkeit: Kollaps nichts damit zu tun, auch wenn das Element ausgeblendet ist, unabhängig davon, ob es sich um ein mit der Tabelle verknüpftes Element handelt oder nicht Sichtbarkeit: versteckt Der Unterschied besteht darin, dass es immer noch Platz einnimmt.

Das obige ist der detaillierte Inhalt vonEine kurze Diskussion der CSS-Sichtbarkeit: versteckt | Minimierung und Anzeige: keine. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!