स्थित तत्वों के स्थान को नियंत्रित करने के लिए कौन सी टेलविंड उपयोगिताओं का उपयोग किया जाता है

यह आलेख उन उपयोगिताओं को प्रदर्शित करेगा जिनका उपयोग वेब पेज पर स्थित तत्वों के स्थान को नियंत्रित करने के लिए किया जा सकता है।

टेलविंड यूटिलिटीज़ का उपयोग स्थित तत्वों के स्थान को नियंत्रित करने के लिए किया जाता है?

टेलविंड सीएसएस उपयोगिता जो विशेष रूप से क्षैतिज या ऊर्ध्वाधर दोनों अक्षों में स्थित तत्वों की नियुक्ति से संबंधित है ' शीर्ष | सही है | नीचे | बाएं ”। अन्य उपयोगिताओं की तरह, यह भी विभिन्न वर्ग प्रदान करता है जो विभिन्न स्थानों पर स्थित तत्व को सेट कर सकता है, इनमें से कुछ वर्ग नीचे बताए गए हैं:

• इनसेट-{प्लेसमेंटवैल्यू}
• प्रारंभ-{प्लेसमेंटवैल्यू}
• शीर्ष-{प्लेसमेंटवैल्यू}
• अंत-{प्लेसमेंटवैल्यू}
• निचला-{प्लेसमेंटवैल्यू}
• बाएँ-{प्लेसमेंटValue}
• दाएँ-{प्लेसमेंटवैल्यू}

अब, आइए बेहतर समझ के लिए इनमें से कुछ कक्षाओं का उपयोग करने के लिए एक व्यावहारिक उदाहरण लें।

उदाहरण: टेलविंड सीएसएस यूटिलिटीज का उपयोग करके स्थित तत्व का प्लेसमेंट

इस उदाहरण में, ऊपर वर्णित उपयोगिता का उपयोग वेब पेज पर विभिन्न स्थानों पर स्थित तत्व को रखने के लिए किया जाएगा, जैसा कि नीचे दिखाया गया है:

उपरोक्त कोड का विवरण:

• सबसे पहले, पाँच अभिभावक बनाएँ” डिव ” तत्व और सापेक्ष स्थिति, ऊंचाई, चौड़ाई, पृष्ठभूमि, पैडिंग, मार्जिन इत्यादि सेट करने के लिए विभिन्न टेलविंड सीएसएस कक्षाएं लागू करते हैं।
• इसके बाद, एक नेस्टेड बनाएं ' डिव प्रत्येक पैरेंट 'div' के अंदर तत्व। इस नेस्टेड 'div' तत्व के लिए प्लेसमेंट किया जाने वाला है।
• फिर, 'की टेलविंड सीएसएस कक्षाएं लागू करें निरपेक्ष ”,“ एच ”,“ में ”,“ बीजी ”, ” पी ', और ' गोल 'नेस्टेड को स्टाइल करने के लिए' डिव ' तत्व।
• उसके बाद, नेस्टेड डिव एक से पांच तक शुरू करके, 'की नई कक्षाएं असाइन करें बाएँ-0 शीर्ष-0 ”,“ इनसेट-x-0 ”,“ इनसेट-0 ”,“ इनसेट-वाई-0 दाएँ-0 ', और ' निचला-0 दाएँ-0 ' क्रमश।
• ये कक्षाएं क्रमशः ऊपरी-बाएँ कोने पर नेस्टेड div तत्वों की स्थिति निर्धारित करती हैं, शीर्ष स्थिति को कवर करती हैं, पूरे मूल स्थान को कवर करती हैं, दाईं ओर को कवर करती हैं और नीचे-बाएँ स्थिति को कवर करती हैं।

निष्पादन के बाद, div तत्वों का पूर्वावलोकन इस तरह दिखता है:

आउटपुट दिखाता है कि स्थित तत्व वांछित स्थान पर रखे गए हैं।

निष्कर्ष

“ शीर्ष | सही है | नीचे | बाएं टेलविंड उपयोगिता का उपयोग वेबपेज पर तत्वों के स्थान को नियंत्रित करने के लिए किया जाता है। यह प्रत्येक स्थिति को लक्षित करने के लिए कई वर्गों का उपयोग करता है और फिर आवश्यकताओं के अनुसार चयनित तत्व को उस स्थान पर ले जाता है। ये वर्ग मुख्य रूप से बाएँ, दाएँ, नीचे और ऊपर स्थित तत्वों को रखते हैं। वे पूरे क्षेत्र को कवर करने, बाईं या ऊपर जैसी विशिष्ट दिशाओं को कवर करने आदि में मदद कर सकते हैं। इस आलेख में उन उपयोगिताओं की सफलतापूर्वक व्याख्या की गई है जिनका उपयोग स्थित तत्वों के स्थान को नियंत्रित करने के लिए किया जा सकता है।