Grupo de HTML y CSS
Este grupo esta relacionado con nuestro curso profesional de HTML y CSS. Aquí se comparten... View more
organizador:
- Organizado por
-
Diferencia entre align items y justify content.
Diferencia entre align items y justify content.
Los align-items de flex-box alinea los elementos dentro de un contenedor flexible a lo largo del eje transversal al igual que justify-content Lo hace a lo largo del eje principal.
Por defecto flex-direction: row el eje transversal corresponde a la vertical y el eje principal corresponde a la horizontal. Con flex-direction: column esos dos se intercambian respectivamente.
Pero align-content es para cajas multilínea flexibles. No tiene efecto cuando los artículos están en una sola línea. Alinea toda la estructura según su valor.
Ejemplos de código:
https://codepen.io/asim-coder/pen/MKQWbb
https://codepen.io/asim-coder/pen/WrMNWR
Dejo este enlace por si desean profundizar en el tema: https://developer.mozilla.org/es/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container
- 0 Respuestas
Sorry, there were no replies found.
Inicia sesión para responder.