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:

 

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *