Свойство flex-direction

Определяет способ размещения элементов в контейнере flexbox, задает основную ось и задает направление элементов

flex-direction: column;
  • поддерживается начиная с
  • частичная поддержка до
  • не поддерживается

Значения

flex-direction: row;

Направление элементов flexbox совпадает с направлением текста вдоль главной оси, они идут вряд друг за другом слева направо, если направление текста ltr, и справа налево, если направление текста rtl

flex-direction: row-reverse;

Направление элементов flexbox противоположено направлению текста вдоль главной оси, они идут вряд друг за другом справа налево, если направление текста ltr, и слева направо, если направление текста rtl

flex-direction: column;

Элементы идут друг под другом сверху вниз и по умолчанию занимают всю ширину flexbox контейнера

flex-direction: column-reverse;

Элементы идут друг под другом снизу вверх и по умолчанию занимают всю ширину flexbox контейнера

Читайте также

Обсуждение (0)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии