путать со свойством flex-direction

Question

по умолчанию направление изгиба вдоль главной оси равно ----> (слева направо)

когда вы изменяете направление изгиба на обратный ряд, оно становится таким <----- (справа)слева) но почему он начинается с правой стороны гибкого контейнера? </p>

Answer 1

Это нормальное поведение, когда вы что-то отражаете.

Если вы хотите, чтобы ваши flex-childs были слева, вы можете сделать это с ведьмой justify-content: flex-end;

.flex-container {
  display:flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

Answer 2

flex-direction

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

Основной осью гибкого контейнера являетсяпервичная ось, вдоль которой располагаются гибкие элементы.Осторожно, оно не обязательно горизонтальное;зависит от свойства flex-direction.

Свойство flex-direction принимает 4 различных значения:

• строка (по умолчанию): совпадает с направлением текста
  • строка-обратный: противоположный направлению текста
  • столбец: такой же, как строка, но сверху вниз
  • обратный столбец: такой же, как обратный ряд сверху вниз

Обратите внимание, что ряд и обратный ряд зависят от направленности гибкого контейнера. Если направление текста равно ltr, строка представляет горизонтальную ось, ориентированную слева направо , а обратный ряд справа налево;если направление rtl, то оно противоположно .

Источник

Я полагаю, что последний абзац - то, о чем вы спрашиваете.