फ्लेक्सबॉक्स का अवलोकनहात- पुस्तिका सिखा रहा है

Cascading Style एसहीट्स (सीएसएस) एक सरल डिजाइन भाषा है जिसे वेब पेज रेंडरिंग की प्रक्रिया को सरल बनाने के लिए डिज़ाइन किया गया है। सीएसएस एक वेब पेज के लुक और फील भागों से संबंधित है।

सीएसएस के साथ, आप टेक्स्ट रंग, फ़ॉन्ट शैली, पैराग्राफ स्पेसिंग, कॉलम को आकार और निर्धारित कैसे किया जाता है, पृष्ठभूमि छवियों या रंगों का उपयोग, लेआउट डिज़ाइन, विभिन्न उपकरणों के लिए प्रदर्शन विविधताओं और स्क्रीन आकार, और कई अन्य प्रभावों को नियंत्रित कर सकते हैं।

बॉक्स की स्थिति और आकार निर्धारित करने के लिए, सीएसएस में, आप उपलब्ध लेआउट मोड में से एक का उपयोग कर सकते हैं -

इन सभी पैटर्नों का उपयोग विशिष्ट तत्वों जैसे दस्तावेजों, पाठ, तालिकाओं आदि को संरेखित करने के लिए किया जाता है, हालांकि, इनमें से कोई भी पैटर्न जटिल वेबसाइटों को बिछाने के लिए पूर्ण समाधान प्रदान नहीं करता है। प्रारंभ में, यह फ्लोटिंग तत्वों, लंगर तत्वों और (आमतौर पर) टेबल लेआउट के संयोजन का उपयोग करके किया गया था। लेकिन फ्लोटिंग केवल क्षैतिज स्थिति बक्से की अनुमति देता है।

उपरोक्त मोड के अलावा, सीएसएस 3 एक और लेआउट मोड, फ्लेक्सिबल बॉक्स प्रदान करता है, जिसे आमतौर पर कहा जाता है Flexbox。

इस पैटर्न के साथ, आप आसानी से जटिल अनुप्रयोगों और वेब पृष्ठों के लिए लेआउट बना सकते हैं। फ्लोटिंग के विपरीत, फ्लेक्सबॉक्स लेआउट का बॉक्स के अभिविन्यास, संरेखण, क्रम और आकार पर पूर्ण नियंत्रण है।

यहां फ्लेक्सबॉक्स लेआउट की उल्लेखनीय विशेषताएं हैं-

निम्नलिखित ब्राउज़र हैं जो फ्लेक्सबॉक्स का समर्थन करते हैं।