Maison > Article > interface Web > Quelle est la différence entre display:none et visibilité:hidden
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.
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'attributde 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!