स्पैन लिमिट टेक्स्ट लेंथ से जुड़ी मुख्य समस्या यह है कि इससे छोटे या अधूरे संदेश हो सकते हैं। यह उन मामलों में विशेष रूप से समस्याग्रस्त हो सकता है जहां प्रदर्शित किया जा रहा पाठ महत्वपूर्ण है या इसमें महत्वपूर्ण जानकारी है। यदि पाठ बहुत लंबा है, तो इसे काट दिया जाएगा और उपयोगकर्ता द्वारा पढ़े जाने पर यह समझ में नहीं आएगा। इसके अतिरिक्त, यदि पाठ को छोटा कर दिया गया है, तो हो सकता है कि यह अपना इच्छित अर्थ व्यक्त न करे और भ्रम या गलत व्याख्या का कारण बन सकता है।
<span style="max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">This is a long sentence that will be limited to 100 characters.</span>
1. यह लाइन स्पैन की अधिकतम चौड़ाई को 100px पर सेट करती है:
`
HTML में 'स्पैन' क्या है
HTML दस्तावेज़ में इनलाइन-तत्वों को समूहित करने के लिए तत्व का उपयोग किया जाता है। यह एक दस्तावेज़ के भीतर संरचना जोड़ने का एक तरीका प्रदान करता है, जिससे आप तत्वों को एक साथ समूहित कर सकते हैं और समूहीकृत तत्वों के लिए शैलियों, लेआउट और विशेषताओं को लागू कर सकते हैं। स्पैन तत्व एक इनलाइन तत्व है और दस्तावेज़ में एक नई पंक्ति या ब्लॉक-स्तरीय तत्व का परिचय नहीं देता है।
मैं पाठ को अवधि में कैसे सीमित करूं?
आप CSS अधिकतम-चौड़ाई गुण का उपयोग करके HTML में स्पैन तत्व में टेक्स्ट को सीमित कर सकते हैं। यह संपत्ति आपको किसी तत्व के लिए अधिकतम चौड़ाई निर्धारित करने की अनुमति देती है, और इस चौड़ाई से अधिक होने वाले किसी भी पाठ को छोटा कर दिया जाएगा। इस गुण का उपयोग करने के लिए, इसे अपने CSS स्टाइलशीट में जोड़ें और इसे वांछित अधिकतम चौड़ाई पर सेट करें:
अवधि {
अधिकतम-चौड़ाई: 200px;
}
यह आपके पृष्ठ पर किसी भी स्पैन तत्वों को अधिकतम 200px चौड़ा तक सीमित कर देगा। कोई भी पाठ जो इस चौड़ाई से अधिक है उसे दीर्घवृत्त (...) से छोटा कर दिया जाएगा।
