Flexbox CSS - WalterJoel/Flexbox---CSS GitHub Wiki

# PROPIEDADES

justify-content: Permite alinear el texto en horizontal, a continuación los valores que puede tomar.

  • flex-start
  • flex-end
  • center
  • space-around : Distribuye los elementos en todo el ancho del contenedor padre y deja un mismo espacio entre los elementos,
  • space-between: Separa los elementos como space-around, pero no considera margenes por ende se pega mas.

align-items: Se parece al justify-content pero ahora es para la alineacion vertical a continuación los valores que puede tomar.

flex-start

  • flex-end
  • center
  • stretch : Hace que los elementos abarquen el 100% del contenedor de forma vertical, pero no debe estar definida la propiedad height, sino no funciona.
  • baseline: Centra elementos, pero considera la fuente o texto para crear los box(no se usa mucho)

align-content: Se parece al justify-content pero ahora es para la alineacion vertical a continuación los valores que puede tomar.

flex-start

  • flex-end
  • center
  • stretch : Hace que los elementos abarquen el 100% del contenedor de forma vertical, pero no debe estar definida la propiedad height, sino no funciona.
  • baseline: Centra elementos, pero considera la fuente o texto para crear los box(no se usa mucho)