ब्लॉक लेआउट के लिए अलाइन-कॉन्टेंट प्रॉपर्टी अब बेसलाइन का हिस्सा है
संग्रह की मदद से व्यवस्थित रहें
अपनी प्राथमिकताओं के आधार पर, कॉन्टेंट को सेव करें और कैटगरी में बांटें.
Rachel Andrew
पब्लिश करने की तारीख: 17 अप्रैल, 2024
अब ब्लॉक और टेबल लेआउट पर, सीएसएस बॉक्स अलाइनमेंट की align-content प्रॉपर्टी का इस्तेमाल किया जा सकता है. इससे फ़्लेक्स या ग्रिड लेआउट बनाए बिना, ब्लॉक के अलाइनमेंट को बदला जा सकेगा.
Browser Support
123
123
125
17.4
किसी आइटम को वर्टिकल तौर पर बीच में अलाइन करना कभी बहुत मुश्किल हुआ करता था. हालांकि, फ़्लेक्सबॉक्स और ग्रिड के साथ-साथ align-content प्रॉपर्टी की मदद से, अब यह काम आसानी से किया जा सकता है. हालांकि, इसमें अलाइनमेंट करने के अलावा, किसी और वजह से फ़्लेक्स या ग्रिड लेआउट बनाया गया था.
इस प्रॉपर्टी को ब्लॉक लेआउट के लिए तय किया गया था. साथ ही, पिछले कुछ महीनों में तीनों मुख्य इंजन ने इस सुविधा को लॉन्च कर दिया है.
ब्लॉक लेआउट के लिए align-content उपलब्ध होने की वजह से, वर्टिकल अलाइनमेंट किया जा सकता है. इसके लिए, प्रॉपर्टी को काम करने के लिए फ़्लेक्स या ग्रिड लेआउट बनाने की ज़रूरत नहीं होती. किसी और प्रॉपर्टी की ज़रूरत नहीं है, क्योंकि आइटम ब्लॉक आइटम ही रहता है. इसमें सिर्फ़ अलाइनमेंट में बदलाव होता है.
align-content प्रॉपर्टी, हेडिंग को ब्लॉक कंटेनर में ऊपर से नीचे की ओर बीच में अलाइन करती है.
[[["समझने में आसान है","easyToUnderstand","thumb-up"],["मेरी समस्या हल हो गई","solvedMyProblem","thumb-up"],["अन्य","otherUp","thumb-up"]],[["वह जानकारी मौजूद नहीं है जो मुझे चाहिए","missingTheInformationINeed","thumb-down"],["बहुत मुश्किल है / बहुत सारे चरण हैं","tooComplicatedTooManySteps","thumb-down"],["पुराना","outOfDate","thumb-down"],["अनुवाद से जुड़ी समस्या","translationIssue","thumb-down"],["सैंपल / कोड से जुड़ी समस्या","samplesCodeIssue","thumb-down"],["अन्य","otherDown","thumb-down"]],["आखिरी बार 2024-04-17 (UTC) को अपडेट किया गया."],[],[]]