CSSда жой етишмаганда flex блокларни сикиш

Фараз килайлик, бизда учта флекс-блок бор, улар ота-она ичида қатор бўйлаб жойлашган. Ҳар бир болa-блокга 100px эни берилган, уларнинг ота-онасига эса - 300px:

Келик, кўпроқ блоклар қўшайлик, шу ўлчовда ушбу болa-блокларнинг умумий эни уларнинг ота-онасининг энидан катта бўлсин. Бу ҳолатда сиз кутмаган таъсирни кўрасиз - блокларнинг эни камаяди, шу ўлчовда уларнинг ҳаммаси сиғади уларнинг ота-онасига, гарчи болa-блокларга аниқ эни кўрсатилган бўлса-да: