Чем отличается flex-wrap от flex-direction в flex контейнерах?

Flex-wrap и flex-direction отличаются функциями в управлении расположением элементов во flex-контейнере. html5book.ru tpverstak.ru

Flex-direction определяет направление главной оси, вдоль которой укладываются flex-элементы. html5book.ru gitverse.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, в свою очередь, управляет переносом элементов, которые не помещаются в контейнер. wp-kama.ru Некоторые значения свойства:

• nowrap (значение по умолчанию) — вложенные элементы располагаются в один ряд (при direction=row) или в одну колонку (при direction=column) независимо от того, помещаются они в контейнер или нет. wp-kama.ru
• wrap — включает перенос элементов на следующий ряд, если они не помещаются в контейнер. wp-kama.ru
• wrap-reverse — то же, что wrap, только перенос будет не вниз, а вверх (в обратном направлении). wp-kama.ru