सीएसएस टेक्स्ट-रैप: सुंदर

टेक्स्ट रैपिंग के लिए ऑप्ट-इन करें. यह सुविधा, तेज़ी से कॉन्टेंट की क्वालिटी को बेहतर बनाने में मदद करती है.

Adam Argyle
Adam Argyle

Chrome 117 में, टेक्स्ट रैप करने की नई सुविधा का इस्तेमाल किया जा सकता है—text-wrap: pretty सीएसएस टेक्स्ट लेवल 4 से.

p {
  text-wrap: pretty;
}
https://codepen.io/web-dot-dev/pen/yLGmzLJ

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

किसी पैराग्राफ़ की शुरुआत में विधवा और अंत में कोई अनाथ दिखाया गया है. वहीं, पैराग्राफ़ की शुरुआत में विधवा या विधवाओं को नहीं दिखाया गया है.
इमेज Google Fonts—Widows और ऑर्फ़न

Chrome 117 से, सीएसएस की एक लाइन का इस्तेमाल करके ऑरफ़न से बचा जा सकता है: text-wrap: pretty.

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

पैराग्राफ़ की तुलना अनाथ बच्चों और ऐसे बिना किसी अनाथ, दोनों के साथ की गई है. हर पैराग्राफ़ में 'ख़राब' या 'अच्छा' का बैज मौजूद है.
आपको अपने शरीर के टेक्स्ट से ऑर्फ़न को क्यों हटाना चाहिए, से ली गई इमेज.

text-wrap: balance भी है. ऑर्फ़न्स को रोकता है, लेकिन यह पक्का करता है कि टेक्स्ट इस तरह से रैप हो जाए कि हार्मोन वाले टेक्स्ट ब्लॉक शामिल करें. मैं हेडलाइन के लिए balance और हेडलाइन के लिए pretty का इस्तेमाल करता/करती हूं अनुच्छेद.

अगर आपको एल्गोरिदम की जानकारी चाहिए, तो लाइनों की बेहतर संख्या या परफ़ॉर्मेंस के बारे में जानने के लिए, इंजीनियर के बनाए गए डिज़ाइन दस्तावेज़ का लिंक यहां दिया गया है फ़ीचर के पीछे का हिस्सा, कोजी इशी.

अगर आपके पास लाइन ब्रेकिंग के अन्य सुधार या सुझाव हैं, तो हमें बताएं उन्हें! Chromium गड़बड़ी को ट्रैक करने वाले टूल में, समस्या की जानकारी अच्छे और खराब लाइन ब्रेक के बारे में भी बताएंगे. हम आपसे संपर्क करेंगे.