यह सभी वेब ब्राउज़र में समर्थित है। बाईं या दाईं ओर फ़्लोटिंग तत्वों द्वारा लेआउट बनाने के लिए float का उपयोग करने के बजाय, flexbox आपको आइटम को एकल अक्ष पर संरेखित करके लेआउट बनाने की अनुमति देता है। अक्ष क्षैतिज या लंबवत हो सकता है। यह एक ही धुरी में वस्तुओं के लिए स्थान वितरित करने के लिए सबसे अच्छा उपयोग किया जाता है।
आप फ्लोट फ्लेक्स बॉक्स ग्रिड का उपयोग कब करेंगे?
फ्लेक्सबॉक्स ज्यादातर सामग्री को संरेखित करने और ब्लॉक को स्थानांतरित करने में मदद करता है। CSS ग्रिड 2D लेआउट के लिए हैं। यह दोनों पंक्तियों और स्तंभों के साथ काम करता है। फ्लेक्सबॉक्स केवल एक आयाम (या तो पंक्तियों या स्तंभों) में बेहतर काम करता है।
फ्लोट्स के बजाय आप फ्लेक्सबॉक्स का उपयोग क्यों करेंगे?
फ्लेक्सबॉक्स के साथ चाइल्ड एलिमेंट्स को पोजिशन करना आसान हो जाता है। फ्लेक्सबॉक्स उत्तरदायी और मोबाइल के अनुकूल है। फ्लेक्स कंटेनर का मार्जिन इसकी सामग्री के मार्जिन के साथ नहीं गिरता है। हम HTML में बदलाव किए बिना भी अपने वेबपेज पर तत्वों के क्रम को आसानी से बदल सकते हैं।
क्या मुझे 2020 में फ्लोट का उपयोग करना चाहिए?
ऐसे मामले हैं जब आपका ऑब्जेक्ट टेक्स्ट को रैप नहीं करता है, लेकिन कोई अन्य विकल्प काम नहीं करता है। उस स्थिति में, इसे पसीना मत करो, बस फ्लोट का उपयोग करें। यदि आप वास्तव में किसी छवि या अन्य div के चारों ओर टेक्स्ट लपेटना चाहते हैं, तो फ्लोट बहुत अच्छा है।
फ्लेक्स का प्रयोग कब नहीं करना चाहिए?
फ्लेक्सबॉक्स का उपयोग कब ना करें
- पेज लेआउट के लिए फ्लेक्सबॉक्स का प्रयोग न करें। प्रतिक्रियाशील पृष्ठ लेआउट बनाने के लिए प्रतिशत, अधिकतम-चौड़ाई और मीडिया प्रश्नों का उपयोग करने वाला एक बुनियादी ग्रिड सिस्टम अधिक सुरक्षित तरीका है। …
- जोड़ें नहींप्रदर्शन: फ्लेक्स; हर एक कंटेनर div के लिए। …
- यदि आपके पास IE8 और IE9 से बहुत अधिक ट्रैफ़िक है, तो फ्लेक्सबॉक्स का उपयोग न करें।
