Lightbox es una biblioteca de JavaScript se utiliza para mostrar imágenes en los sitios web . Funciona un poco como una ventana emergente, salvo que aparezca la imagen en la misma ventana , no es nueva . Se atenúa el área alrededor de la imagen (de ahí el nombre de " la mesa de luz ") , haciendo que la imagen en foco mientras que deja el usuario todavía ligeramente por debajo de ver la página web . Para centrar una Lightbox verticalmente en su página web , hay que modificar el código CSS que lo controla. El identificador de CSS es " Lightbox ", haciendo que el proceso sea relativamente fácil. Instrucciones
1

Abra código CSS de su página web
2

Añada las siguientes cuatro líneas de código en la parte inferior : .

# Lightbox { vertical-align : media; position: fixed ;}
3

Guarde el CSS. Cualquier cosa recorrer Lightbox ahora aparecerá en el centro verticalmente.