सीएसएस - अधिकतम चौड़ाई और एलिप्स

Question

मेरे पास एक अवधि है जिसमें टेक्स्ट होगा। मैं पाठ को अंदर पाठ को समायोजित करने के लिए अधिकतम 500px तक विस्तार करना चाहता हूं। अधिकतम पहुंचने के बाद, मैं टेक्स्ट को अधिकतम-चौड़ाई बहने वाले किसी भी पाठ के लिए इलिप्स प्रदर्शित करना चाहता हूं। क्या यह संभव है? मैंने निम्नलिखित की कोशिश की, लेकिन इसने चाल नहीं की।

धन्यवाद

{ 
    position: absolute; 
    top: 13px; 
    left: 44px; 
    max-width: 500px; 
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow:ellipsis; 
} 

Answer 1

यह जावास्क्रिप्ट अपने पाठ काटना और एक अंडाकार जोड़ देगा। (इसे किसी शब्द या मार्कअप के बीच में तोड़ने के बिना)

Barelyfitz Truncate js।

मैं के ब्राउज़र संगतता पर सुनिश्चित नहीं हैं, लेकिन यह काम करना चाहिए :)

आशा है कि यह मदद करता है।

Answer 2

स्पैन प्रदर्शित होते हैं: डिफ़ॉल्ट रूप से इनलाइन, जो आयामों को असाइन किए जाने पर अजीब व्यवहार कर सकता है। यदि इसे किसी भी तरह से स्थानांतरित किया जा रहा है, तो आपको एक div का उपयोग करना चाहिए या स्पैन को प्रदर्शित करने के लिए सेट करना चाहिए: इसके बजाए ब्लॉक करें।

मुझे यकीन नहीं है कि यह आपकी समस्या को ठीक करेगा, लेकिन यह एक शुरुआत है :)