CSS – Ocultar elemento pero mantener espacio

Resumen: usar CSS para hacer un elemento invisible pero que siga en el DOM ocupando su espacio.

Hacer elemento del DOM invisible, pero no desaparecer

En un sistema sobre el que estoy trabajando me vi en la necesidad de realizar impresiones de algunos elementos, pero se iba a reutilizar la misma hoja de papel así que debía calcular el espacio para imprimir.

Por lo tanto simplemente repetí el elemento con un v-for de Vue y usé la propiedad que veremos a continuación.

La propiedad visibility en CSS

En resumen, si quieres hacer un elemento invisible pero que siga ocupando espacio establece:

visibility: hidden;

Si quieres restablecerlo para que se muestre de nuevo, establece:

visibility: visible;

Para terminar, no tiene que ver con CSS pero así lo hice con Vue:

 

Encantado de ayudarte


Estoy disponible para trabajar en tu proyecto, modificar el programa del post o realizar tu tarea pendiente, no dudes en ponerte en contacto conmigo.

No te pierdas ninguno de mis posts

Suscríbete a mi canal de Telegram para recibir una notificación cuando escriba un nuevo tutorial de programación.

Dejar un comentario