2011-03-03 10 views
13

मैं 30 अक्षरमैं सीएसएस का उपयोग कर स्ट्रिंग से केवल पहले 10 वर्ण कैसे प्रदर्शित करूं?

मैं केवल पहले 10 के बाद प्रदर्शित करना चाहते हैं ...

तो उदाहरण


thisisastringthatis30characterslong

बन जाएगा के लिए

के एक स्ट्रिंग है

thisisastr ...


क्या यह सीएसएस का उपयोग कर संभव है?

चीयर्स!

उत्तर

9

इसे ellipsis कहा जाता है और आप इसे ब्लॉक तत्व पर उपयोग कर सकते हैं।

हालांकि यह फ़ायरफ़ॉक्स में काम नहीं करता है और आप चौड़ाई को बिल्कुल 10 वर्णों में सेट नहीं कर सकते क्योंकि आप सीएसएस में वर्णों में चौड़ाई निर्दिष्ट नहीं कर सकते हैं।

यदि आप बिल्कुल 10 वर्ण और फ़ायरफ़ॉक्स संगतता चाहते हैं तो आपको जावास्क्रिप्ट या सर्वर-साइड समाधान का उपयोग करना होगा।

+0

यह कमाल है - मुझे इस तरह की कार्यक्षमता की बहुत ज़रूरत है - मैंने कभी यह पूछने के लिए परेशान नहीं किया कि यह अस्तित्व में है क्योंकि मैंने यह सबकुछ नहीं किया है। इसके बारे में जानना अच्छा लगा। – stephenmurdoch

+0

उस के लिए कूल चीयर्स, बीमार केवल पहले दस अक्षरों पर preg_match का उपयोग करें और फिर ... को फिर से धन्यवाद – Franco

6

CSS3 based solutiontext-overflow:ellipsis; क्रॉसब्रोसर होने का दावा किया गया है। लेकिन यह भी फिट के रूप में कई वर्ण दिखाएगा, बिल्कुल नहीं।

+2

ऐसा लगता है कि फ़ायरफ़ॉक्स 4 में काम करना बंद कर देगा: http://stackoverflow.com/questions/4927257/text -overflowellipsis में फ़ायरफ़ॉक्स -4 – jeroen

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