Nén các khối flex khi thiếu không gian trong CSS

Giả sử chúng ta có ba khối flex, sắp xếp thành hàng bên trong một phần tử cha. Mỗi phần tử con được đặt chiều rộng là 100px, và phần tử cha của chúng có chiều rộng 300px:

Hãy thêm nhiều khối hơn sao cho tổng chiều rộng của các phần tử con này lớn hơn chiều rộng của phần tử cha của chúng. Trong trường hợp này, bạn sẽ thấy một hiệu ứng bất ngờ - chiều rộng của các khối sẽ giảm xuống để tất cả chúng vừa vặn trong phần tử cha, bất chấp việc chiều rộng của các phần tử con đã được chỉ định rõ ràng: