• Grupo de HTML y CSS

  Diferencia entre align items y justify content.

  Posted by Angel Sánchez on 30 noviembre, 2020 en 5:29 pm

  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

  Angel Sánchez respondido 4 años, 2 meses 1 Miembro · 0 Respuestas

  • FlexBox
• 0 Respuestas

Log In to Reply