Trim a HTML text in a div with CSS -

समाचार हेडर की एक सूची प्रदर्शित करने के लिए, मुझे div एक निश्चित अधिकतम-ऊँचाई ।

उस टेक्स्ट को कट-ऑफ करना चाहिए, यदि टेक्स्ट डिवि को ओवरफ्लो करता है, और कटे-ऑफ के मामले में एल्िप्सिस के साथ समाप्त होता है ...

  #lipsum {overflow: hidden; पाठ-ओवरफ्लो: अंडाकार; सफेद-अंतरिक्ष: अब्रॉप; अधिकतम-ऊंचाई: 75px; ऊंचाई: 75px; चौड़ाई: 100%; }  

  & lt; div id = "lipsum" & gt; & Lt; p & gt; Duis eget sapien leo विविम के लिए अलग-अलग शैलियों का चयन, मार्शल आर्ट्स के आकार में लचीलापन इस तरह के लिए, शल्य चिकित्सा के लिए मील एसी, आसान सूजन अब नाम से पता चला है कि, यहां तक ​​कि एक यात्रा के लिए, एक मनोरंजन के बारे में जानने के लिए, मुफ्त डाउनलोड करने के लिए मॉरीस सोडाल्स ईयूआईमोड ऑर्सी, एक टेंसिडुंट मसा फेलमेटम एसएडी। मौरिस के बारे में क्या है Phasellus भाप से भरे स्थान पर काम कर रहे हैं सबसे महत्वपूर्ण बातों के बारे में आपको बताएं फ्यूस कोर्स, रिक्त स्थान पर उपलब्ध नहीं है मुक्त समय में कोई समय नहीं है और इस समय के मौसम में कुछ भी नहीं। मैकेनस ऑटक्टर ईगेट मॉरिस नॉन यूसुस्वाड वह कहता है कि, आसान तरीके से पता चला है, निशानेबाज और निदान के परिणामों के बारे में पूछताछ & Lt; / p & gt;  

मेरी समस्या यह है कि मौजूदा व्यवहार ठीक है अगर केवल एक पंक्ति , लेकिन मुझे एक सिग्नल लाइन की जरूरत नहीं है, लेकिन अधिकतम अधिकतम-ऊंचाई ...

आप निम्न पोस्ट का उल्लेख कर सकते हैं:

ऐसा लगता है कि किसी ने भी विषय पर एक लेख पोस्ट किया है। हालांकि, समाधान समस्या के लिए थोड़ा स्पर्शरेखा लगता है:

अंत में, यहां एक .js समाधान है:

संपादित करें : संसाधनों की इस सूची में जोड़ने के लिए, यहां एक शुद्ध सीएसएस समाधान है।

* सलाह दीजिए कि पाठ-ओवरफ्लो: एलाईपसिस; हर ब्राउज़र में समर्थित नहीं है, फिर भी अंत में, इस मुद्दे पर .js समाधान है: