Différence entre "la visibilité:l'effondrement" et "display:none"

Question

Quelle est la différence entre visibility:collapse et display:none?

Answer 1

Version courte:

Le premier est utilisé pour masquer complètement les éléments de la table. Ce dernier est utilisé pour masquer complètement de tout le reste.

Version longue:

visibility: collapse se cache un élément entièrement (de sorte qu'il n'occupe pas tout l'espace dans la mise en page), mais seulement lorsque l'élément est un élément de la table.

Si elle est utilisée sur des éléments autres que les éléments de la table, visibility: collapse agira comme visibility: hidden. Cela fait un élément invisible, mais il continuera d'occuper l'espace dans la mise en page.

display: none se cache un élément entièrement, de sorte qu'il n'occupe pas tout l'espace dans la mise en page, mais il ne devrait pas être utilisé sur les éléments de la table.

W3C Référence

Answer 2

visibility:collapse doit être utilisé uniquement sur les tables. Sur d'autres éléments qu'il va agir comme un visibility:hidden.

visibility:hidden masquer l'élément, mais encore prendre l'espace de l'élément, alors que display:none n'a même pas de garder de l'espace.

---

Ressources :

• w3schools.com - visibilité
• w3schools.com - affichage

Sur le même sujet :

• Quelle est la différence entre visibility:hidden et display:none
• Propriétés CSS: Afficher vs Visibilité
• CSS display:none et visibility:hidden
• Ne opacity:0 a exactement le même effet que visibility:hidden

Answer 3

visibility:collapse a display:none comportement uniquement pour les éléments de la table. Sur les autres éléments, il doit s'afficher en tant que hidden.