User Tools

Site Tools


cffl:main_axis_alignment

main-axis

Aligner des éléments

  1. Chaque flex-container à deux axes : main et cross
  2. column : main-axis = vertical
  3. row : main-axis = horizontal

Pour aligner selon l'axe principal :

  1. justify-content (à appliquer sur le conteneur flex)
    1. flex-start (aligné à gauche/haut)
    2. flex-end (aligné à droite/bas)
    3. center (center)
    4. space-between (espace réparti dans les espaces entre les éléments)
    5. space-around (espace réparti autour de chaque élément (du coup entre le conteneur et le premier et dernier élément = 1 et entre deux élément 1+1=2) ).
    6. → w3.org/TR/css3-flexbox/#justify-content-property
ms-flex-pack: start; // old, 2009 syntax
justify-content: flex-start;
cffl/main_axis_alignment.txt · Last modified: 2016/01/06 15:08 by leo