टेक्स्ट को अख़बार जैसे कॉलम में जस्टिफ़ाई करें

यह कैसे काम करता है

लेआउट CSS प्रॉपर्टी column-count से बनता है, जो टेक्स्ट को चुने गए कॉलमों में अपने-आप बाँट देती है और उनकी ऊँचाई संतुलित रखती है। स्लाइडर से कॉलम की संख्या और दूरी बदलें और प्रीव्यू में नतीजा तुरंत अपडेट होते देखें।

क्या मैं इस रेंडरिंग को अपनी वेबसाइट पर इस्तेमाल कर सकता हूँ?

यह रेंडरिंग मानक CSS प्रॉपर्टी column-count और column-gap पर आधारित है, जिन्हें सभी आधुनिक ब्राउज़र सपोर्ट करते हैं: ऊपर के स्लाइडरों में चुने मानों के साथ यही CSS प्रॉपर्टी किसी टेक्स्ट कंटेनर पर लगाकर आप यह लेआउट अपनी साइट पर दोहरा सकते हैं।

जस्टिफ़ाइड टेक्स्ट में कभी-कभी शब्दों के बीच बड़े अंतर क्यों दिखते हैं?

संकरे कॉलमों में जस्टिफ़िकेशन का यह एक जाना-पहचाना असर है: जब एक पंक्ति में कम शब्द आते हैं, तो ब्राउज़र को कॉलम के दोनों किनारों पर टेक्स्ट बराबर करने के लिए स्पेस ज़्यादा खींचने पड़ते हैं। कॉलम की संख्या घटाने या जस्टिफ़िकेशन बंद करने से यह दृश्य असर कम होता है।

100% लोकल प्रोसेसिंग: लेआउट आपका ब्राउज़र CSS में तैयार करता है — आपका टेक्स्ट कभी आपके डिवाइस से बाहर नहीं जाता।