Cuál es la diferencia entre display:none y visibility:hidden

Cuál es la 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.

¿Quieres saber más de programación? ¡Visita nuestro foro!

Webmaster