2012-10-12 17 views
13

के साथ टेक्स्ट रैप मुझे कई पंक्तियों पर कुछ पाठ के साथ एक बॉक्स (div) होना चाहिए, और इस बॉक्स को निश्चित चौड़ाई और निश्चित अधिकतम ऊंचाई की आवश्यकता है।निश्चित अधिकतम ऊंचाई

मैं overflow: hidden; का उपयोग कर रहा हूं अब मेरी समस्या यह है कि अगर अंतिम पंक्ति div अधिकतम ऊंचाई में फिट नहीं होती है तो यह कटौती होगी (उदाहरण के लिए लाइन का केवल आधा काटने)। मैं इस मामले में क्या करना चाहता हूं, अंतिम पंक्ति को प्रदर्शित नहीं करना है, और पिछले एक

मेरी समस्या एक टेक्स्ट लाइन में (white-space: nowrap संपत्ति का उपयोग करके) में इलिप्सिस डालने नहीं है, मुख्य समस्या यह है कि पाठ अंतिम पंक्ति में cutted हो जाता है, अंडाकार एक मुद्दा है क्योंकि पिछले मामले में मैं डालने के लिए यह

+0

इस लिंक को आजमाएं: http: //stackoverflow.com/questions/3067696/how-to-show-ellipses-to-the-overflew-text-for-html-elements-in-firefox – dreamerkumar

उत्तर

6

डिव में जोड़े

text-overflow: ellipsis; 

संपादित करें jQuery का उपयोग कर सकते नहीं है: संभव नहीं ठीक है, अभी के लिए, एक स्टैंडर में नहीं आकार का रास्ता

लेकिन, यह (this topic देखें), प्रयोगात्मक वेबकिट सुविधाओं के साथ इसे प्राप्त करने के या the solution इस आदमी द्वारा लिखित के माध्यम से जे एस के साथ यह करने के लिए संभव है, और GitHub पर की मेजबानी की।

+1

मुझे लगता है कि वे लिंक होंगे मेरी समस्याओं का समाधान, धन्यवाद। मैं कोशिश करता हूं और प्रतिक्रिया देता हूं – Zeux

संबंधित मुद्दे