การบีบอัดบล็อก flex เมื่อพื้นที่ไม่เพียงพอใน CSS

สมมติว่าเรามีบล็อก flex สามบล็อก จัดวางในแถวภายในคอนเทนเนอร์หลัก แต่ละบล็อกลูกมีค่าความกว้างที่ 100px และคอนเทนเนอร์หลักมีค่าความกว้างที่ 300px:

ลองเพิ่มบล็อกมากขึ้น เพื่อให้ความกว้างรวมของบล็อกลูกเหล่านี้มากกว่าความกว้างของคอนเทนเนอร์หลัก ในกรณีนี้คุณจะเห็นเอฟเฟกต์ที่ไม่คาดคิด - ความกว้างของบล็อกจะลดลง เพื่อให้ทั้งหมดสามารถจัดอยู่ในคอนเทนเนอร์หลักได้ แม้ว่าจะได้ระบุความกว้างของบล็อกลูกไว้อย่างชัดเจนแล้วก็ตาม: