CSS में फ्लेक्स ब्लॉकों का संकुचन जगह की कमी होने पर
मान लीजिए कि हमारे पास एक पंक्ति में व्यवस्थित तीन फ्लेक्स-ब्लॉक हैं
जो एक मूल तत्व के अंदर स्थित हैं। प्रत्येक चाइल्ड ब्लॉक
की चौड़ाई 100px निर्धारित है, और उनके मूल तत्व
की - 300px:
आइए अधिक ब्लॉक जोड़ें, ताकि इन चाइल्ड ब्लॉकों की कुल चौड़ाई उनके मूल तत्व की चौड़ाई से अधिक हो जाए। इस स्थिति में आप एक अप्रत्याशित प्रभाव देखेंगे - ब्लॉकों की चौड़ाई घट जाएगी ताकि वे सभी उनके मूल तत्व में समा सकें, भले ही चाइल्ड ब्लॉकों की चौड़ाई स्पष्ट रूप से निर्धारित की गई हो:
सैद्धांतिक भाग के उदाहरण को नमूने के अनुसार दोहराएं।
