La différence entre affichage et visibilité

Cette fois, je vais vous apporter la différence entre affichage et visibilité, et quelles sont les précautions lors de l'utilisation de l'affichage et de la visibilité. Voici des cas pratiques. . Levez-vous et jetez un œil.

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

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

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

Vous pouvez enregistrer le code ci-dessous pour voir l'effet.

Étapes spécifiques :

Exemple de code :

< p style="border:1px solid #000;background:#eee">
< span style="width:200;height:200;visibility:hidden"></span>
←SS属性为visibility:hidden的对象
< /p><br>
< p style="border:1px solid #000;background:#666">
< span style="width:200;height:200;display:none"></span>
←SS属性为display:none的对象
< /p>

Conseils spéciaux

Utiliser la visibilité attribut L'objet masqué du champ 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. La description de chaque valeur est la suivante :

aucun 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 la ponctuation des éléments. (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, é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 (par défaut).

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Explication détaillée de l'utilisation de la pièce jointe en arrière-plan en CSS

Css pour créer une animation d'entraînement

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!