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.
PD: El
artículo original fue escrito por Jeff, contribuidor de
CommentCaMarche