टेक्स्ट-ओवरफ़्लो: एलिप्सिस को हानिकारक माना जाता है

प्लेटो द्वारा पुनर्प्रकाशित

अनुयायियों: 0

इस तकनीक के लिए कुछ वैध उपयोग के मामले हैं। उदाहरण के लिए, आपके पास शीर्षक और विवरण वाली तालिका हो सकती है। शीर्षक के लिए अधिक स्थान को संरक्षित करने के लिए, आप छोटे व्यूपोर्ट पर एक पंक्ति में विवरण को एक-पंक्ति तक सीमित करते हैं और आप इस आइटम के विवरण पृष्ठ पर विवरण दोहराते हैं।

हालांकि, मैं अक्सर इसे बटन जैसी वस्तुओं पर इस्तेमाल करता हूं या लेबल भी बनाता हूं ताकि वे अच्छे दिखें (?) या उन्हें लंबवत रूप से संरेखित करते समय। लेकिन एक बार जब आप व्यूपोर्ट बदलते हैं या टेक्स्ट का आकार बदलते हैं, तो टेक्स्ट का अंत गायब हो जाता है।

मुझे लगता है कि "... अगर कुछ स्थितियों में उपयोग किया जाता है" तो वहाँ है, लेकिन यह निश्चित रूप से इसके बिना एक बेहतर ब्लॉग पोस्ट शीर्षक बनाता है। जैसा कि एरिक कहते हैं, पाठ को छोटा करने के लिए वैध उपयोग के मामले हैं। शायद कुछ ही, लेकिन फिर भी वैध।

अंतिम लक्ष्य डेटा को "खोने" से रोकना है, कुछ यह निश्चित रूप से CSS . में हो सकता है. पाठ जो अनजाने में एक कंटेनर को ओवरफ्लो कर देता है वह इस अर्थ में खो जाता है कि वह वहां नहीं है। और अगर वह पाठ बस नहीं है, तो उपयोगकर्ता इसे याद करेंगे, भले ही यह वेब पर प्रकाशित अब तक की सबसे अच्छी और सबसे अच्छी तरह से तैयार की गई कार्रवाई हो।

एरिक बताते हैं कि टेक्स्ट को छोटा करने का कोई तरीका नहीं है text-overflow: ellipsis दृश्यमान। एक बार यह चला गया, यह चला गया (हालांकि स्क्रीन पाठक इसकी घोषणा करते प्रतीत होते हैं) यह व्यावहारिक रूप से खो गया डेटा है। आप इसके साथ ठीक हो सकते हैं। यह तब तक अच्छा है जब तक आप जानते हैं कि क्या हो रहा है और इसका इरादा है।

लेकिन यहाँ एरिक का कहना है जिसने मुझे इसे साझा करना चाहा:

अपने डिज़ाइन में फिट होने के लिए सामग्री को बाधित न करें, अपने सीएसएस को लंबे शब्दों को इनायत से संभालने के लिए लचीला बनाएं।

फिर आप हो सकता है सामग्री को डिजाइन के अनुरूप बनाना चाहते हैं। लेकिन मैं शायद एरिक की तरह तर्क दूंगा कि डिजाइन सामग्री के अनुकूल होना चाहिए बल्कि दूसरी तरफ से। मुझे ऐसी किसी भी स्थिति को याद करने में कठिनाई होती है जहां किसी पृष्ठ पर टेक्स्ट महत्वहीन है या बिना उद्देश्य के इस हद तक है कि अगर मैं सीएसएस संपत्ति द्वारा निर्धारित किसी भी मनमानी बिंदु पर बंद हो जाता हूं तो मैं शांत हो जाऊंगा। हो सकता है कि ब्लॉग पोस्ट का एक संग्रह जहां प्रत्येक पोस्ट को छोटा करने से पहले पोस्ट सामग्री का एक अंश दिखाता है, लेकिन यह वास्तव में उपयोग का मामला नहीं है text-overflow: ellipse.

CSS में एक लचीली डिज़ाइन बनाने के लिए उपकरण हैं जो पाठ की अलग-अलग लंबाई के लिए खाते हैं। तो शायद के पक्ष में गलती रक्षात्मक सीएसएस लिखना… सीएसएस जो मुद्दों का अनुमान लगाता है और जानता है कि विभिन्न सामग्री परिदृश्यों को इनायत से कैसे संभालना है। text-overflow: ellipsis उसके लिए आपके CSS शस्त्रागार का हिस्सा हो सकता है। लेकिन यह बच्चे को नहाने के पानी के साथ बाहर फेंक भी सकता है। यह पूछने लायक है कि क्या उस डेटा को खोना उस सामग्री की कीमत के लायक है जो उस सामग्री को बाल कटवाने देने से पहले करना चाहिए।

जब हम टेक्स्ट को छोटा करने की बात कर रहे हैं...

संपर्क अक्टूबर 1, 2021 पर