Цей приклад показує як працює властивість flex-direction. Спробуйте вимкнути/ввімкнути перемикач, щоб змінити значення властивості.
Головна вісь спрямована так само, як і орієнтація тексту, за замовчуванням зліва направо. Якщо значення dir задано як rtl, то напрямок осі йде справа наліво.Схоже на значення row, але міняються місцями початкова і кінцева точки і головна вісь спрямована справа наліво. Якщо значення dir задано як rtl, то напрямок осі йде зліва направо.Флекс елементи відображаються у вигляді стовпчика. Стовпчик формується зверху вниз.Головна вісь розташовується вертикально, але змінюється положення початкової і кінцевої точок і вісь спрямована знизу вгору.