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

सीएसएस में तत्वों की स्थिति को "स्पष्ट: दोनों" कैसे नियंत्रित करता है?

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

How Does

सीएसएस स्टाइलिंग में "स्पष्ट: दोनों" की भूमिका को समझना

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

"स्पष्ट: दोनों" की व्याख्या

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

इस मामले में, "स्पष्ट: दोनों" वाला div एक नई लाइन पर शुरू होगा, यह सुनिश्चित करते हुए कि यह प्रकट न हो इसके ऊपर तैरने वाले किसी भी तत्व के साथ या उसके नीचे इनलाइन। "स्पष्ट: ठीक है।" ये विकल्प आपको बाएँ या दाएँ के रूप में सेट किए गए फ़्लोट को साफ़ करने की अनुमति देते हैं।

उदाहरण के लिए, यदि आपके पास दो साइडबार और बीच में एक मुख्य सामग्री क्षेत्र वाला लेआउट है, तो आप "साफ़ करें: दोनों" का उपयोग कर सकते हैं मुख्य सामग्री div पर यह सुनिश्चित करने के लिए कि यह दोनों साइडबार के नीचे की जगह घेरता है, चाहे उनकी फ़्लोट दिशा कुछ भी हो।

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

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

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

Copyright© 2022 湘ICP备2022001581号-3