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