So verstecken Sie div in CSS

So verstecken Sie Div in CSS: 1. Div durch „display:none“ ausblenden; 2. Div durch „visibility:hidden“ ausblenden; 3. Div durch „opacity:0“ ausblenden.

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, DELL G3-Computer

Wie verstecke ich Div mit CSS? „Drei Möglichkeiten, Div in CSS auszublenden.“ ist klar und belegt keinen Platz auf dem Bildschirm. Wenn sich darunter andere Elemente befinden, wird es in den Leerraumbereich verschoben.

display:none|block
display:none

Versteckte HTML-Elemente anzeigen wird wieder vom ursprünglichen Element belegt Collapse-Wert. Bei allgemeinen Elementen ist das Verhalten dasselbe wie bei Hidden.

1. In Chrome gibt es keinen Unterschied zwischen der Verwendung von Collapse-Werten und der Verwendung von Hidden-Werten.

2. Firefox, Opera und IE, es gibt keinen Unterschied zwischen der Verwendung des Einsturzwerts und der Anzeige: keiner.

Drei:

display:block

Deckkraftattribut Ich glaube, jeder kennt die Transparenz des Elements. Nachdem die Transparenz des Elements auf 0 gesetzt wurde, wird das Element auch in den Augen unserer Benutzer ausgeblendet. Eine Sache, die diese Methode mit „visibility:hidden“ gemeinsam hat, besteht darin, dass das Element nach dem Ausblenden immer noch Platz einnimmt. Wir alle wissen jedoch, dass das Element nach dem Setzen der Transparenz auf 0 einfach unsichtbar ist und immer noch auf der Seite vorhanden ist.

Anzeige und Sichtbarkeit steuern also, ob das HTML-Element vorhanden ist bzw. angezeigt wird.

Das Anzeigeattribut definiert, ob das Element vorhanden ist oder nicht.

Und das Sichtbarkeitsattribut steuert nur, ob das Element angezeigt wird und tatsächlich vorhanden ist Element ist ausgeblendet, existiert aber immer noch auf der Seite

[Lernempfehlung:

CSS-Video-Tutorial

]

Das obige ist der detaillierte Inhalt vonSo verstecken Sie div in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!