Was ist der Unterschied zwischen „display:none' und „visibility:hidden'?

Der Unterschied zwischen [display:none] und [visibility:hidden] ist: 1. Ersteres reserviert seinen physischen Platz nicht für versteckte Objekte, während letzteres seinen physischen Platz für versteckte Objekte reserviert. 2. Das früher Die Struktur wird erst geladen, wenn der Wert zum Block wird, und dieser wird bereits geladen, wenn die Seite geladen wird.

display:none Reserviert keinen physischen Raum für versteckte Objekte.

visibility：hidden Reserviert seinen physischen Raum für versteckte Objekte. Das Physische Leerzeichen ist display:;

. Wenn sein Wert block wird, wird die Struktur geladen, in der es sich befindet.

und visibility werden geladen, wenn die Seite geladen wird, denn wenn ihr Wert hidden ist, ist der von ihr belegte Platz immer noch vorhanden.

Nach der Verwendung des CSS-Attributs display:none gehen die Breite, Höhe und andere Attributwerte des HTML-Elements (Objekts) „verloren“

und nach der Sichtbarkeit :hidden-Attribut verwendet wird, ist das HTML-Element (das Objekt) nur optisch unsichtbar (völlig transparent), aber die räumliche Position, die es einnimmt, bleibt bestehen

Empfohlenes Tutorial: „CSS-Tutorial“

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen „display:none' und „visibility:hidden'?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!