CSS-də flex bloklarında esas və kəsişən oxlar

Flexbox-lar haqqında iki terminlə danışmaq olar: birincisi - sıra və ya sütun, ikincisi - oxlar baxımından. Biz artıq sıra və sütunlarla tanış olduq, indi isə oxları anlayaq. Oxları başa düşmək, elementləri üfüqi və ya şaquli istiqamətdə düzləmdirmək üçün lazımdır.

Flex elementləri ilə işləyərkən həmişə əsas ox və kəsişən ox mövcuddur. Biz elementləri əsas ox üzrə və əsas oxa eninə düzləşdirə bilərik. Əsas ox 4 istiqamətə malik ola bilər: soldan sağa, sağdan sola, yuxarıdan aşağı və aşağıdan yuxarı.

Kəsişən oxun istiqaməti əsas oxun istiqamətindən asılıdır: əgər əsas ox üfüqidirsə, onda kəsişən ox yuxarıdan aşağıya yönəlib, əgər əsas ox şaqulidirsə, onda kəsişən ox soldan sağa yönəlib. Kəsişən oxun başqa istiqamətləri ola bilməz.

Əsas oxun istiqaməti flex-direction xassəsi tərəfindən tənzimlənir. Əgər bu xassənin qiyməti row-dırsa - əsas ox soldan sağa yönəlib, əgər qiymət row-reverse-dırsa, onda sağdan sola. column qiyməti oxu yuxarıdan aşağıya yönəldir, column-reverse qiyməti isə - aşağıdan yuxarı.