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

За флексбоксовете може да се говори в два термина: първото е - ред или колона, второто - в термини на оси. С редове и колони вече се запознахме, нека сега разберем осите. Разбирането на осите е необходимо, за да подравняваме елементи хоризонтално или вертикално.

При работа с флекс елементи винаги съществува главна ос и напречна. Можем да подравняваме елементите по главната ос и напречно на главната ос. Главната ос може да има 4 посоки: отляво надясно, от дясно наляво, отгоре надолу и отдолу нагоре.

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

Посоката на главната ос се регулира от свойството flex-direction. Ако това свойство има стойност row - главната ос е насочена отляво надясно, ако стойността е row-reverse, то от дясно наляво. Стойността column насочва оста отгоре надолу, а стойността column-reverse - отдолу нагоре.