Explication détaillée de la différence entre affichage et visibilité

La

visibilitéLes objets cachés conservent également l'espace physique occupé par l'objet lorsqu'il est affiché, contrairement à l'affichage.

vilibilité : caché (caché), visible (affichage) style="vislbility:hidden"

affichage : aucun (caché), bloquer (Affichage) style="display:none"

Vous pouvez enregistrer le code suivant pour voir l'effet :

Étapes spécifiques :

Exemple de code :

< p style="border:1px solid #000;background:#eee">

< >: 200;hauteur:200;visibility:hidden">←SS

L'attribut

est un objet avec visibilité:hidden < /p>

< p style="border:1px solid #000;background:#666">

< "width:200 ;height:200;display:none">

←Objet avec attribut SS display:none

< > Conseils spéciaux

Utilisez l'attribut de visibilité pour contrôler que l'objet caché occupe toujours la position lorsqu'il est affiché, mais pas l'affichage.

Remarque spéciale

L'attribut d'affichage définit le mode d'affichage de l'élément. La fonctionnalité de script correspondante est display Les valeurs facultatives sont none, block et inline. comme suit :

none masque l'élément et ne conserve pas l'espace lorsque l'élément est affiché.

Afficher les éléments en mode bloc.

inline affiche l'élément en ligne.

Les objets inline-block sont affichés en tant qu'éléments en ligne, mais tous les objets enfants sont affichés en tant qu'éléments de bloc, et les éléments en ligne adjacents seront affichés sur la même ligne, les espaces sont autorisés.

list

-item affiche les éléments de bloc sous forme d'objets de liste et peut ajouter de la ponctuation d'élément. (Nécessite la prise en charge d'IE6.0+)

table-header-group affiche l'élément sous la forme d'un groupe d'en-tête

table

, qui est équivalent à l'élément tHead. table-footer-group affiche l'élément sous forme de groupe de pied de page de tableau, équivalent à l'élément tFoot. L'attribut de visibilité définit s'il faut afficher l'élément. La fonctionnalité de script correspondante est la visibilité. Les valeurs facultatives sont héritées, masquées et visibles. La description de chaque valeur est la suivante :

hériter

Inherit

Le paramètre d'attribut de visibilité de l'élément parent.

hidden cache l'élément mais conserve l'espace qu'il occupe. élément d'affichage visible (valeur par défaut).

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!