อิทธิพลของความโลภขององค์ประกอบต่อการบีบอัดของ flex blocks ใน CSS
ตอนนี้เรามาดูอิทธิพลของความโลภกัน
ลองลบความกว้างของลูกทั้งหมดและกำหนดค่า
flex-grow ให้กับลูกเป็น 1
และให้กับลูกอันที่สองเป็น 3
ผลลัพธ์ที่ได้คือบล็อกที่สองจะมีขนาด
ใหญ่กว่าบล็อกอื่น ๆ 3 เท่า
อย่างไรก็ตาม หากบีบหน้าต่างให้แคบมากพอ
บล็อกที่สองจะไม่ใหญ่กว่าบล็อกอื่น ๆ
ถึง 3 เท่าอีกต่อไป - เมื่อบีบอย่างแรง ความแตกต่าง
จะหายไป ลองทดสอบด้วยตัวเองโดยเล่นกับ
ตัวอย่างด้านล่าง พยายามขยายและย่อ
หน้าต่างเบราว์เซอร์:
ทำตามตัวอย่างจากส่วนทฤษฎี