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:

 


Estoy disponible para trabajar en tu proyecto o realizar tu tarea pendiente, no dudes en ponerte en contacto conmigo.
Si el post fue de tu agrado muestra tu apoyo compartiéndolo, suscribiéndote al blog, siguiéndome o realizando una donación.

Suscribir por correo

Ingresa tu correo y recibirás mis últimas entradas sobre programación, open source, bases de datos y todo lo relacionado con informática

Únete a otros 571 suscriptores

Relacionado:  Problemas con Awesomplete al usar Bootstrap

parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

0 Comments

Deja un comentario

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

A %d blogueros les gusta esto: