CSS'теги Flex блокторундагы негизги жана кесилген октор

Flexbox'тор жөнүндө эки термин менен сүйлөшүүгө болот: биринчиси - катар же тик, экинчиси - октордун терминдери. Биз катарлар жана тиктер менен буга чейин тааныштык, эми октор менен тааныштыралы. Окторду түшүнүү элементтерди горизонталдык же вертикалдык туура кылуу үчүн зарыл.

Flex элементтери менен иштөөдө ар дайым негизги ок жана кесилген ок бар. Биз элементтерди негизги ок боюнча жана негизги окко кесилиш багыты боюнча туура кыла алабыз. Негизги ок 4 багытка ээ болушу мүмкүн: солдон оңго, оңдон солго, жогорудан ылдый жана ылдыйдан жогору.

Кесилген октун багыты негизги октун багытына көз каранды: эгерде негизги ок горизонталдык болсо, анда кесилген октун багыты жогорудан ылдый, эгерде негизги ок вертикалдык болсо, анда кесилген октун багыты солдон оңго. Кесилген ок башка багыттарга ээ боло албайт.

Негизги октун багыты flex-direction касиети менен жөнгө салынат. Эгерде бул касиет row маанисин алса - негизги октун багыты солдон оңго, ал эми row-reverse маанисин алса, анда оңдон солго. column мааниси октун багытын жогорудан ылдый, ал эми column-reverse мааниси - ылдыйдан жогору багыттайт.