सीमित पाठ की दो पंक्तियाँ करने के लिए उत्पादन सीएसएस के साथ संभव है, यदि आप line-height
और तत्व की height
निर्धारित करते हैं, और overflow:hidden;
सेट:
#someDiv {
line-height: 1.5em;
height: 3em; /* height is 2x line-height, so two lines will display */
overflow: hidden; /* prevents extra lines from being visible */
}
--- jsFiddle DEMO ---
वैकल्पिक रूप से, आप सीएसएस text-overflow
और white-space
उचित का उपयोग कर सकते हैं इलिप्स जोड़ने के लिए संबंध है, लेकिन यह केवल एक पंक्ति के लिए काम करता प्रतीत होता है।
#someDiv {
line-height: 1.5em;
height: 3em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
}
और एक डेमो:
--- jsFiddle DEMO ---
पाठ और अनेक बिंदुओं के दोनों कई पंक्तियों हासिल जावास्क्रिप्ट के दायरे प्रतीत होता है।
के लिए समाधान मैं केवल देख एक पंक्ति किसी कारण से भर जा रहा:/ – SearchForKnowledge
इस पुरानी पड़ चुकी है? – rclai
दूसरा उदाहरण IE में काम नहीं करता है ... – Weggo