Maison  >  Article  >  interface Web  >  Quelle est la différence entre display:none et visibilité:hidden

Quelle est la différence entre display:none et visibilité:hidden

hzc
hzcoriginal
2020-06-28 10:52:305514parcourir

La différence entre [display:none] et [visibility:hidden] est la suivante : 1. Le premier ne réserve pas son espace physique aux objets cachés, tandis que le second réserve son espace physique aux objets cachés ; former La structure ne sera pas chargée tant que la valeur ne deviendra pas un bloc, ce qui la chargera déjà au chargement de la page.

Quelle est la différence entre display:none et visibilité:hidden

display:none Ne réserve pas d'espace physique aux objets cachés

visibility:hidden Réserve l'espace physique pour les objets cachés L'espace physique est display:;

Lorsque sa valeur devient block , la structure dans laquelle il se trouve sera chargée.

et visibility seront chargés au chargement de la page, car lorsque sa valeur est hidden, l'espace qu'il occupe est toujours là.

Après avoir utilisé l'attribut CSS display:none, la largeur, la hauteur et les autres valeurs d'attribut​​de l'élément HTML (objet) seront "perdues"

et après la visibilité ; :hidden attribut est utilisé, l'élément HTML (L'objet) n'est que visuellement invisible (complètement transparent), mais la position spatiale qu'il occupe existe toujours

Tutoriel recommandé : "Tutoriel css"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn