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.
Le të themi se boshti kryesor është horizontal. Ku do të drejtohet boshti tërthor?
Le të themi se boshti kryesor është vertikal. Ku do të drejtohet boshti tërthor?
Le të themi se boshti tërthor drejtohet djathtas. Ku në këtë rast mund të drejtohet boshti kryesor?
Le të themi se boshti tërthor drejtohet poshtë. Ku në këtë rast mund të drejtohet boshti kryesor?
A mund të drejtohet boshti tërthor nga e djathta në të majtë?
A mund të drejtohet boshti tërthor nga poshtë lart?
Le të themi se vetia flex-direction ka
vlerën row. Ku do të drejtohet
boshti kryesor? Ku do të drejtohet
boshti tërthor?
Le të themi se vetia flex-direction ka
vlerën column. Ku do të drejtohet
boshti kryesor? Ku do të drejtohet
boshti tërthor?
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?
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?