पब्लिश होने की तारीख: 14 जनवरी, 2026
Chrome 145 से, मल्टी-कॉलम लेआउट लेवल दो स्पेसिफ़िकेशन की column-wrap और column-height प्रॉपर्टी काम करती हैं.
इन प्रॉपर्टी की मदद से, कॉलम को ब्लॉक डायरेक्शन में नई लाइन में रैप किया जा सकता है.
Chrome 145 से पहले, अगर मल्टीकॉलम कंटेनर की ऊंचाई सीमित थी, तो उपलब्ध जगह में फ़िट न होने वाला कॉन्टेंट, इनलाइन दिशा में ओवरफ़्लो कॉलम के तौर पर दिखता था. इससे वेब पर एक हॉरिज़ॉन्टल स्क्रोलबार बन जाएगा.
column-height और column-wrap प्रॉपर्टी की मदद से, कॉलम की लाइन की ऊंचाई सेट की जा सकती है. साथ ही, ओवरफ़्लो कॉलम को नई लाइन के तौर पर दिखाया जा सकता है.
कॉलम की नई लाइनें बनाने की सुविधा से, मौजूदा समस्या को हल किया जा सकता है. मौजूदा समस्या यह है कि लोगों को कॉलम पढ़ने के लिए ऊपर और नीचे स्क्रोल करना पड़ता है. इसके अलावा, अगर कॉन्टेंट की मात्रा का अनुमान नहीं लगाया जा सकता, तो हॉरिज़ॉन्टल स्क्रोलबार दिखने का जोखिम भी होता है.
इससे ब्लॉक डायरेक्शन कैरसेल जैसे पैटर्न भी चालू किए जा सकते हैं. इसमें कॉलम बनाए जाते हैं, जो उपलब्ध व्यूपोर्ट की ऊंचाई को भरते हैं. कॉलम की अगली लाइन को पढ़ने के लिए, ब्लॉक की दिशा में अगली स्क्रीन पर स्क्रोल करें.
पढ़ने का बेहतर अनुभव देना
कॉलम की एक से ज़्यादा पंक्तियों की वजह से, पढ़ने का अनुभव खराब हो सकता है. ऐसा इसलिए, क्योंकि पढ़ने वाले व्यक्ति को यह पता नहीं चलता कि एक से ज़्यादा पंक्तियां हैं. साथ ही, वह कॉलम में नीचे की ओर पढ़ना जारी रखने के लिए, गैप को छोड़ देता है. यह एक ऐसी चीज़ है जिस पर आपको अपने यूज़र इंटरफ़ेस (यूआई) डिज़ाइन में ध्यान देना चाहिए. आने वाले समय में, आपको लाइन के बीच में डेकोरेशन जोड़ने की सुविधा मिलेगी. इससे आपको इस तरह का अंतर बनाने के लिए एक और टूल मिलेगा.
लाइन के नियमों की सुविधा जल्द ही उपलब्ध होगी
मल्टीकॉलम लेवल 1 स्पेसिफ़िकेशन में, कॉलम-रूल को स्टाइल करने के लिए प्रॉपर्टी शामिल होती हैं. यह नियम, कॉलम के बीच के अंतर में रखा जाता है. लाइन के नियमों को स्टाइल करने के लिए प्रॉपर्टी, सीएसएस गैप डेकोरेशन स्पेसिफ़िकेशन में शामिल की गई हैं. यह स्पेसिफ़िकेशन, फ़िलहाल डेवलपर के लिए उपलब्ध है. यह सुविधा उपलब्ध होने के बाद, ग्रिड, फ़्लेक्सबॉक्स, और मल्टीकॉल में लाइन और कॉलम के नियम जोड़े जा सकेंगे.