Чем отличаются свойства flex-direction и flex-wrap в CSS Flexbox?

Свойства flex-direction и flex-wrap в CSS Flexbox отличаются функциями, которые они выполняют.

Flex-direction управляет направлением главной оси, вдоль которой укладываются flex-элементы. html5book.ru Некоторые значения свойства и их описание:

• row (значение по умолчанию) — элементы располагаются по горизонтали слева направо. html5book.ru itchief.ru
• row-reverse — элементы располагаются по горизонтали справа налево. html5book.ru itchief.ru
• column — элементы располагаются по вертикали сверху вниз. html5book.ru itchief.ru
• column-reverse — элементы располагаются по вертикали снизу вверх. html5book.ru itchief.ru

Flex-wrap определяет, будет ли flex-контейнер однострочным или многострочным, а также задаёт направление поперечной оси, определяющее направление укладки новых линий flex-контейнера. html5book.ru Некоторые значения свойства и их описание:

• nowrap (значение по умолчанию) — flex-элементы не переносятся, а располагаются в одну линию слева направо. html5book.ru
• wrap — flex-элементы переносятся, располагаясь в несколько горизонтальных рядов (если не помещаются в один ряд) в направлении слева направо. html5book.ru
• wrap-reverse — flex-элементы переносятся на новые линии, располагаясь в обратном порядке слева-направо, при этом перенос происходит снизу вверх. html5book.ru