2
Gracias

Unas palabras de agradecimiento nunca están de más.

Diferencia entre display:none y visibility:hidden

Los dos atributos CSS display:none y visibility:hidden permiten ocultar un elemento en el navegador. En este artículo te explicamos la diferencia entre ellos.


¿Cuál es la diferencia entre ambos?

  • visibility: hidden oculta el elemento pero sigue conservando el espacio que ocupaba. Por tanto, los elementos adyacentes conservan su ubicación.

  • display:none elimina el elemento definitivamente. Según sea el caso, el espacio que ocupaba es ocupado por los elementos adyacentes como si el elemento ya no existiera.



Foto: © freepik
2
Gracias

Unas palabras de agradecimiento nunca están de más.

Haz una pregunta
Nuestros contenidos son redactados en colaboración con expertos del ámbito tecnológico bajo la dirección de Jean-François Pillou, fundador de CCM.net y director digital en el Grupo Figaro. CCM es un sitio de tecnología líder a nivel internacional y está disponible en 11 idiomas.

Consulta también

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.