Kompression von Flex-Blöcken bei Platzmangel in CSS

Nehmen wir an, wir haben drei Flex-Blöcke, die sich in einer Reihe innerhalb eines Elterncontainers befinden. Jeder Kind-Block hat eine Breite von 100px zugewiesen, und ihrem Elternelement - 300px:

Lassen Sie uns mehr Blöcke hinzufügen, sodass die Gesamtbreite dieser Kind-Blöcke größer ist als die Breite ihres Elternelements. In diesem Fall werden Sie einen unerwarteten Effekt sehen - die Breite der Blöcke verringert sich, sodass sie alle in ihren Elterncontainer passen, obwohl den Kind-Blöcken explizit eine Breite zugewiesen wurde: