सीएसएस में लंबवत संरेखण: बारीकियों को समझना
वर्टिकल-एलाइन प्रॉपर्टी आपको एक इनलाइन तत्व को उसके मूल तत्व के भीतर लंबवत रूप से रखने की अनुमति देती है। हालाँकि, इसका व्यवहार तब तक अप्रत्याशित हो सकता है जब तक आप अंतर्निहित सिद्धांतों को नहीं समझ लेते।
इनलाइन तत्व और ऊंचाई
वर्टिकल-एलाइन केवल इनलाइन तत्वों को प्रभावित करता है।
और
ऊंचाई और ऊर्ध्वाधर संरेखण
मूल तत्व की ऊंचाई का एक स्थिर मान होना चाहिए (यानी, ऑटो या प्रतिशत नहीं)। यदि ऊंचाई निर्दिष्ट नहीं है, तो ब्राउज़र सामग्री के आधार पर इसकी गणना करेगा, जिससे अप्रत्याशित परिणाम हो सकते हैं।
इनलाइन तत्वों की स्थिति
पाठ-संरेखण के विपरीत , जो ब्लॉक-स्तर वाले तत्व पर लागू होता है, वर्टिकल-एलाइन को उस इनलाइन तत्व पर लागू किया जाना चाहिए जिसे आप रखना चाहते हैं।
ब्राउज़र अंतर
पुराने ब्राउज़र नहीं कर सकते हैं लगातार लंबवत-संरेखण का समर्थन करें। हालाँकि, आधुनिक ब्राउज़र गैर-इनलाइन तत्वों पर उपयोग किए जाने पर भी इसे अच्छी तरह से संभालते हैं।
#हेडर { प्रदर्शन: इनलाइन-ब्लॉक; लाइन-ऊंचाई: 1em; मार्जिन: 0; लंबवत-संरेखित करें: मध्य; }
अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।
Copyright© 2022 湘ICP备2022001581号-3