Галоўная і папярочная восі ў флекс блоках у CSS

Пра флексбоксы можна гаварыць у двух тэрмінах: першае гэта - шэраг або калонка, другое - у тэрмінах восей. З шэрагамі і калонкамі мы ўжо разбраліся, давайце цяпер разбярэмся з восямі. Разуменне восей трэба для таго, каб ураўноўваць элементы па гарызанталі або па вертыкалі.

Пры рабоце з флекс элементамі заўсёды існуе галоўная вось і папярочная. Мы можам элементы ўраўноўваць па галоўнай восі і ўпоперак галоўнай восі. Галоўная вось можа мець 4 напрамкі: злева направа, справа налева, зверху ўніз і знізу ўверх.

Напрамак папярочнай восі залежыць ад напрамку галоўнай: калі галоўная вось гарызантальная, то папярочная напраўлена зверху ўніз, калі галоўная вось вертыкальная, то папярочная напраўлена злева направа. Іншых напрамкаў папярочная вось мець не можа.

Напрамак галоўнай восі рэгулюецца ўласцівасцю flex-direction. Калі даная ўласцівасць мае значэнне row - галоўная вось напраўлена злева направа, калі ж значэнне row-reverse, то справа налева. Значэнне column напраўляе вось зверху ўніз, а значэнне column-reverse - знізу ўверх.