Главна и попречна ос у флекс блоковима у CSS

О флекс боксевима се може говорити у две терминологије: прва је - ред или колона, а друга - у терминима оса. Са редовима и колонама смо већ познати, хајде сада да разумемо осе. Разумевање оса је потребно за поравнавање елемената по хоризонтали или по вертикали.

При раду са флекс елементима увек постоји главна ос и попречна. Елементе можемо поравнавати дуж главне осе и попречно од главне осе. Главна ос може имати 4 праца: од лева ка десно, од десно ка лево, одозго надоле и одоздо нагоре.

Правац попречне осе зависи од правца главне: ако је главна ос хоризонтална, онда је попречна ос усмерена одозго надоле, ако је главна ос вертикална, онда је попречна усмерена од лева ка десно. Других праваца попречна ос не може имати.

Правац главне осе се регулише својством flex-direction. Ако ово својство има вредност row - главна ос је усмерена од лева ка десно, ако је вредност row-reverse, онда од десно ка лево. Вредност column усмерава осу одозго надоле, а вредност column-reverse - одоздо нагоре.