Saltar al contenido

ejemplo de código flexbox estirar verticalmente

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)



Utiliza Nuestro Buscador

Deja una respuesta

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