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

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

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

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

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