सीएसएस में लंबवत केन्द्रीकरण

सीएसएस हम में से अधिकांश के लिए अभी भी भ्रमित करने वाला है: इसमें सैकड़ों खराब नामित गुण हैं, जिनमें से प्रत्येक परिणाम को गैर-सहज ज्ञान युक्त तरीकों से प्रभावित कर सकता है। वेब विकास में तत्वों की ऊर्ध्वाधर स्थिति मुश्किल है और अतीत में अक्सर सिरदर्द पैदा करती रही है। लेकिन सौभाग्य से वे दिन ख़त्म हो गए हैं।


इस पर विश्वास करना कठिन है: 2024 में अब सीएसएस की एक पंक्ति से वांछित परिणाम प्राप्त करना संभव होगा:

0f1273b25d9806459716

0f1273b25d9806459716

अतीत में, लोग समान परिणाम प्राप्त करने के लिए कई अन्य विकल्पों का उपयोग करते थे:

फ्लेक्सबॉक्स

0f1273b25d9806459716

पूर्ण स्थिति

0f1273b25d9806459716

इनलाइन ब्लॉक

0f1273b25d9806459716

Der संरेखण-सामग्री के लिए ब्राउज़र समर्थन अब यह तकनीक बहुत अच्छी है, और पुरानी तकनीकों का उपयोग करने का कोई ठोस कारण नहीं रह गया है। इस कार्य के लिए, अब आपको फ्लेक्सबॉक्स की आवश्यकता नहीं है, और चाइल्ड एलिमेंट (ऊपर दिए गए उदाहरण के विपरीत) को अलग से `<body>` में रखने की आवश्यकता नहीं है। div शामिल किया जाए. यह आश्चर्यजनक है कि दशकों की प्रगति के बाद, सीएसएस के पास अब ऊर्ध्वाधर केंद्रीकरण को नियंत्रित करने के लिए केवल एक ही संपत्ति है।

वापस