"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > क्या फ्लेक्स आइटम ब्लॉक लेवल या फ्लेक्स लेवल हैं? सीएसएस लेआउट में एक गहरा गोता

क्या फ्लेक्स आइटम ब्लॉक लेवल या फ्लेक्स लेवल हैं? सीएसएस लेआउट में एक गहरा गोता

2024-11-09 को प्रकाशित
ब्राउज़ करें:219

 Are Flex Items Block Level or Flex Level? A Deep Dive into CSS Layout

फ्लेक्स आइटम की हैरान करने वाली प्रकृति: ब्लॉक या फ्लेक्स स्तर?

यह सवाल कि क्या फ्लेक्स आइटम ब्लॉक स्तर के हैं, एक विषय रहा है सीएसएस डेवलपर्स के बीच बहस। सीएसएस फ्लेक्सिबल बॉक्स लेआउट मॉड्यूल स्तर 1 बताता है कि फ्लेक्स आइटम फ्लेक्स स्तर पर हैं न कि ब्लॉक स्तर पर। हालाँकि, बाद के अनुभाग से पता चलता है कि फ्लेक्स आइटम के प्रदर्शन मान "अवरुद्ध" हैं। इससे सवाल उठता है: क्या फ्लेक्स आइटम आखिरकार ब्लॉक स्तर के हैं?

विसंगति को समझने के लिए, सीएसएस में डिस्प्ले की अवधारणा को समझना महत्वपूर्ण है। प्रत्येक तत्व में एक प्रदर्शन गुण होता है जो परिभाषित करता है कि इसे कैसे रखा गया है। फ्लेक्स आइटम के लिए, प्रदर्शन मान प्रारंभ में "ब्लॉक" पर सेट होता है। इसका मतलब यह है कि यदि किसी फ्लेक्स आइटम की इनलाइन प्रॉपर्टी को किसी अन्य मान पर सेट किया जाता है, जैसे कि इनलाइन-ब्लॉक, तो यह स्वचालित रूप से ब्लॉक में परिवर्तित हो जाएगा। इसे अवरोधन के रूप में जाना जाता है।

इसलिए, जबकि फ्लेक्स आइटम को स्वाभाविक रूप से फ्लेक्स-स्तरीय बॉक्स माना जाता है, उनका प्रदर्शन मूल्य अवरुद्ध होता है। यह उन्हें पारंपरिक अर्थों में ब्लॉक-स्तरीय बॉक्स नहीं बनाता है। वे फ्लेक्स-स्तरीय बॉक्स बने रहते हैं लेकिन अपने स्वयं के स्वरूपण संदर्भ के भीतर ब्लॉक तत्वों की तरह व्यवहार करते हैं।

इसे संक्षेप में कहें तो, फ्लेक्स आइटम फ्लेक्स स्तर पर मौजूद होते हैं, लेकिन उनका प्रदर्शन मूल्य अवरुद्ध होता है। यह अंतर उन्हें अपने निहित तत्वों के लिए ब्लॉक तत्वों के रूप में कार्य करते हुए फ्लेक्स फ़ॉर्मेटिंग में भाग लेने की अनुमति देता है। सटीक सीएसएस लेआउट और स्टाइलिंग के लिए इस अवधारणा को समझना महत्वपूर्ण है।

नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3