Diferencia entre display:none y visibility:hidden

Abril 2017

Los dos atributos CSS display:none y visibility:hidden permiten ocultar un elemento en el navegador.

Sin embargo, existe una pequeña diferencia:
  • visibility: hidden oculta el elemento, pero sigue conservando el espacio que ocupaba, los elementos adyacentes conservan su ubicación.
  • display:none quita el elemento definitivamente. El espacio que ocupaba, según sea el caso, es ocupado por los elementos adyacentes como si el elemento ya no existiera.

Consulta también

Publicado por Carlos-vialfa. Última actualización: 30 de julio de 2009 a las 17:41 por Carlos-vialfa.
El documento «Diferencia entre display:none y visibility:hidden» se encuentra disponible bajo una licencia Creative Commons. Puedes copiarlo o modificarlo libremente. No olvides citar a CCM (es.ccm.net) como tu fuente de información.