Boshtet kryesore dhe tërthore në blloqet fleks në CSS

Për fleksboksët mund të flasim në dy terma: e para është - rresht ose kolonë, e dyta - në termat e boshteve. Me rreshtat dhe kolonat tashmë jemi marrë, le të shqyrtojmë tani boshtet. Kuptimi i boshteve nevojitet që të radhitim elementet horizontalisht ose vertikalisht.

Gjatë punës me elementët fleks gjithmonë ekziston boshti kryesor dhe ai tërthor. Ne mund t'i radhitim elementet përgjatë boshtit kryesor dhe përballë boshtit kryesor. Boshti kryesor mund të ketë 4 drejtime: nga e majta në të djathtë, nga e djathta në të majtë, nga lart poshtë dhe nga poshtë lart.

Drejtimi i boshtit tërthor varet nga drejtimi i atij kryesor: nëse boshti kryesor është horizontal, atëherë boshti tërthor drejtohet nga lart poshtë, nëse boshti kryesor është vertikal, atëherë boshti tërthor drejtohet nga e majta në të djathtë. Drejtime të tjera boshti tërthor nuk mund të ketë.

Drejtimi i boshtit kryesor rregullohet nga vetia flex-direction. Nëse kjo veti ka vlerën row - boshti kryesor drejtohet nga e majta në të djathtë, nëse vlera është row-reverse, atëherë nga e djathta në të majtë. Vlera column e drejton boshtin nga lart poshtë, dhe vlera column-reverse - nga poshtë lart.

Задание 1

Le të themi se boshti kryesor është horizontal. Ku do të drejtohet boshti tërthor?

Задание 2

Le të themi se boshti kryesor është vertikal. Ku do të drejtohet boshti tërthor?

Задание 3

Le të themi se boshti tërthor drejtohet djathtas. Ku në këtë rast mund të drejtohet boshti kryesor?

Задание 4

Le të themi se boshti tërthor drejtohet poshtë. Ku në këtë rast mund të drejtohet boshti kryesor?

Задание 5

A mund të drejtohet boshti tërthor nga e djathta në të majtë?

Задание 6

A mund të drejtohet boshti tërthor nga poshtë lart?

Задание 7

Le të themi se vetia flex-direction ka vlerën row. Ku do të drejtohet boshti kryesor? Ku do të drejtohet boshti tërthor?

Задание 8

Le të themi se vetia flex-direction ka vlerën column. Ku do të drejtohet boshti kryesor? Ku do të drejtohet boshti tërthor?

Задание 9

Le të themi se vetia flex-direction ka vlerën row-reverse. Ku do të drejtohet boshti kryesor? Ku do të drejtohet boshti tërthor?

Задание 10

Le të themi se vetia flex-direction ka vlerën column-reverse. Ku do të drejtohet boshti kryesor? Ku do të drejtohet boshti tërthor?