Hoved- og tverrakse i fleksbokser i CSS

Man kan snakke om fleksbokser i to termer: det første er - rad eller kolonne, det andre - i termer av akser. Vi har allerede sett på rader og kolonner, la oss nå se på aksene. Forståelse av akser er nødvendig for å justere elementer horisontalt eller vertikalt.

Når man jobber med flekselementer, finnes det alltid en hovedakse og en tverrakse. Vi kan justere elementene langs hovedaksen og på tvers av hovedaksen. Hovedaksen kan ha 4 retninger: fra venstre til høyre, fra høyre til venstre, fra topp til bunn og fra bunn til topp.

Retningen på tverraksen avhenger av retningen til hovedaksen: hvis hovedaksen er horisontal, går tverraksen fra topp til bunn, hvis hovedaksen er vertikal, går tverraksen fra venstre til høyre. Tverraksen kan ikke ha andre retninger.

Retningen til hovedaksen styres av egenskapen flex-direction. Hvis denne egenskapen har verdien row - er hovedaksen rettet fra venstre til høyre, hvis verdien er row-reverse, er den fra høyre til venstre. Verdien column retter aksen fra topp til bunn, og verdien column-reverse - fra bunn til topp.