cffl:main_axis_alignment
main-axis
Aligner des éléments
- Chaque flex-container à deux axes : main et cross
- column : main-axis = vertical
- row : main-axis = horizontal
Pour aligner selon l'axe principal :
- justify-content (à appliquer sur le conteneur flex)
- flex-start (aligné à gauche/haut)
- flex-end (aligné à droite/bas)
- center (center)
- space-between (espace réparti dans les espaces entre les éléments)
- 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) ).
- → 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