Te recomendamos que pruebes esta respuesta en un ambiente controlado antes de pasarlo a producción, un saludo.
Ejemplo 1: css flex alineación vertical
/* Answer to: "css flex vertical align" */.boxdisplay: flex;align-items: center;/* Vertical */justify-content: center;/* Horizontal */.box divwidth:100px;height:100px;/*
For more information go to:
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container
*/
Ejemplo 2: flexbox alinea el centro verticalmente
.Alignerdisplay: flex;align-items: center;justify-content: center;.Aligner-itemmax-width:50%;.Aligner-item--topalign-self: flex-start;.Aligner-item--bottomalign-self: flex-end;
Si aceptas, puedes dejar un tutorial acerca de qué le añadirías a este post.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)