flex-wrap

flex-wrap: nowrap | wrap | wrap-reverse

📝 Описание

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

Значение по умолчанию: nowrap

🎯 Возможные значения

  • nowrap — все элементы в одну линию
  • wrap — перенос на новую строку
  • wrap-reverse — перенос в обратном порядке
.flex-container {
  display: flex;
  flex-wrap: wrap;
}

🌐 Поддержка браузеров

Все современные браузеры

📚 Подробнее

Подробнее об этом свойстве вы можете узнать в нашем руководстве: Полное руководство по CSS Flexbox