Какое правило flexbox отвечает за размещение flex-элементов в одну строку или в несколько строк?

Sobes Copilot

Получайте ответы в реальном времени

Ответ от нейросети

sobes.tech AI

flex-wrap.

Оно определяет, будут ли сжаты flex-элементы, чтобы уместиться в одну строку, или перенесены на новую строку при необходимости.

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

nowrap (по умолчанию): Элементы остаются в одной строке, сжимаясь по ширине.
wrap: Элементы переносятся на новую строку при переполнении контейнера. Перенос происходит слева направо, сверху вниз (для LTR).
wrap-reverse: Элементы переносятся на новую строку, но в обратном порядке: справа налево, снизу вверх (для LTR).

.container {
  display: flex;
  flex-wrap: wrap; /* Элементы будут переноситься на новую строку */
}