Galvenā un šķērsass fleksa blokos CSS

Par flexbox var runāt divos terminos: pirmais ir - rinda vai kolonna, otrais - ass terminos. Ar rindām un kolonnām mēs jau esam tikuši galā, tagad apskatīsimies ar asīm. Asu izpratne ir nepieciešama, lai izlīdzinātu elementus horizontāli vai vertikāli.

Strādājot ar fleksa elementiem, vienmēr pastāv galvenā ass un šķērsass. Mēs varam elementus izlīdzināt pa galveno asi un šķērsām galvenajai asij. Galvenajai asij var būt 4 virzieni: no kreisās uz labo, no labās uz kreiso, no augšas uz leju un no apakšas uz augšu.

Šķērsass virziens ir atkarīgs no galvenās ass virziena: ja galvenā ass ir horizontāla, tad šķērsass ir vērsta no augšas uz leju, ja galvenā ass ir vertikāla, tad šķērsass ir vērsta no kreisās uz labo. Citu virzienu šķērsass nevar būt.

Galvenās ass virzienu regulē īpašība flex-direction. Ja šī īpašība ir ar vērtību row - galvenā ass ir vērsta no kreisās uz labo, ja vērtība row-reverse, tad no labās uz kreiso. Vērtība column virza asi no augšas uz leju, bet vērtība column-reverse - no apakšas uz augšu.