ब्लॉक लेआउट के लिए अलाइन-कॉन्टेंट प्रॉपर्टी अब बेसलाइन का हिस्सा है

पब्लिश करने की तारीख: 17 अप्रैल, 2024

अब ब्लॉक और टेबल लेआउट पर, सीएसएस बॉक्स अलाइनमेंट की align-content प्रॉपर्टी का इस्तेमाल किया जा सकता है. इससे फ़्लेक्स या ग्रिड लेआउट बनाए बिना, ब्लॉक के अलाइनमेंट को बदला जा सकेगा.

Browser Support

  • Chrome: 123.
  • Edge: 123.
  • Firefox: 125.
  • Safari: 17.4.

किसी आइटम को वर्टिकल तौर पर बीच में अलाइन करना कभी बहुत मुश्किल हुआ करता था. हालांकि, फ़्लेक्सबॉक्स और ग्रिड के साथ-साथ align-content प्रॉपर्टी की मदद से, अब यह काम आसानी से किया जा सकता है. हालांकि, इसमें अलाइनमेंट करने के अलावा, किसी और वजह से फ़्लेक्स या ग्रिड लेआउट बनाया गया था. इस प्रॉपर्टी को ब्लॉक लेआउट के लिए तय किया गया था. साथ ही, पिछले कुछ महीनों में तीनों मुख्य इंजन ने इस सुविधा को लॉन्च कर दिया है.

ब्लॉक लेआउट के लिए align-content उपलब्ध होने की वजह से, वर्टिकल अलाइनमेंट किया जा सकता है. इसके लिए, प्रॉपर्टी को काम करने के लिए फ़्लेक्स या ग्रिड लेआउट बनाने की ज़रूरत नहीं होती. किसी और प्रॉपर्टी की ज़रूरत नहीं है, क्योंकि आइटम ब्लॉक आइटम ही रहता है. इसमें सिर्फ़ अलाइनमेंट में बदलाव होता है.

align-content प्रॉपर्टी, हेडिंग को ब्लॉक कंटेनर में ऊपर से नीचे की ओर बीच में अलाइन करती है.