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

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

ब्राउज़र सहायता

  • 123
  • 123
  • 125
  • 78 जीबी में से

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

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

align-content प्रॉपर्टी, हेडिंग को ब्लॉक कंटेनर के अंदर वर्टिकल तौर पर सेंटर में रखती है.