Diferencia entre display:none y visibility:hidden

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.

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 (https://es.ccm.net/) como tu fuente de información.
CSS - Crear fácilmente hojas de estilo CSS
Webmaster: Adaptar una página web a diferentes resoluciones