Como oculto un elemento sin que deje de ocupar su espacio?

Ocultar elementos con css

Mediante una simple propiedad podemos hacer desaparecer elementos como párrafos, imagenes, enlaces, tablas, celdas, listas, citas, contenedores y mas sin eliminarlos de nuestro Xhtml.


La propiedad Visibility:hidden; oculta el o los elementos a los que les asignemos dicha propiedad. Esto puede ser útil, por ejemplo, cuando queremos ocultar un enlace sin que nuestro diseño se desmorone o modifique su disposición.


Código CSS:

.ocultar{
visibility:hidden; /*--Ocultamos el enlace--*/
}


Código XTML:

Este enlace será visible
Este enlace estará oculto
Este enlace será visible


Resultado:

Este enlace será visible
Este enlace estará oculto
Este enlace será visible

Como podemos ver, el enlace del medio esta oculto pero no deja de ocupar su espacio en el documento.

Una Respuesta a “Como oculto un elemento sin que deje de ocupar su espacio?”

  1. alex dice:

    ¿esto funciona con un iframe?, necesito que el usuario presione un boton, se ejecutara un codigo en php y al responder el servidor se debe “mostrar” el iframe con el contenido.
    En css, coloco el la propiedad pero se muestra el espacio vació, cuando debería recorrerse.

Deja un comentario