Mihimili Kuu na Ya Msalaba katika Vitalu vya Flex katika CSS

Kuhusu flexbox unaweza kuzungumza kwa istilahi mbili: ya kwanza ni - safu au safu wima, ya pili - kwa istilahi za mihimili. Tayari tumechambua safu na safu wima, wacha sasa tuchambue mihimili. Kuelewa mihimili inahitajika ili kupanga vipengele kwa usawa au kwa wima.

Wakati wa kufanya kazi na vipengele vya flex, kila wakati kuna mhimili kuu na mhimili wa msalaba. Tunaweza kupanga vipengele kulingana na mhimili kuu na kuvuka mhimili kuu. Mhimili kuu unaweza kuwa na 4 mwelekeo: kutoka kushoto kwenda kulia, kutoka kulia kwenda kushoto, kutoka juu kwenda chini na kutoka chini kwenda juu.

Mwelekeo wa mhimili wa msalaba unategemea mwelekeo wa mhimili kuu: ikiwa mhimili kuu ni usawa, basi mhimili wa msalaba unaelekezwa kutoka juu kwa chini, ikiwa mhimili kuu ni wima, basi mhimili wa msalaba unaelekezwa kutoka kushoto kwenda kulia. Mwelekeo mingine mhimili wa msalaba hauwezi kuwa nayo.

Mwelekeo wa mhimili kuu unadhibitiwa na sifa flex-direction. Ikiwa sifa hii inna thamani row - mhimili kuu unaelekezwa kutoka kushoto kwenda kulia, ikiwa thamani ni row-reverse, basi kutoka kulia kwenda kushoto. Thamani column inaelekeza mhimili kutoka juu kwenda chini, na thamani column-reverse - kutoka chini kwenda juu.