क्या टेक्स्ट-ओवरफ्लो का उपयोग करना संभव है: बटन तत्व पर इलिप्सिस?

Question

मुझे यकीन नहीं है कि शैली का उपयोग <button> तत्व पर करना संभव है या नहीं। यहां मेरा प्रयास है: http://jsfiddle.net/WilsonPage/tK727/

Answer 1

हाँ, यह है। आपका उदाहरण पूरी तरह से काम कर रहा है! :)

Answer 2

फिर इसके संभावित & मैं अपनी कार्यशील

आप लाइव डेमो देख सकते हैं और साथ ही प्रमुख ब्राउज़रों पर परीक्षण किया है: - ब्राउज़रों में सीमाओं के कारणhttp://jsfiddle.net/tK727/2/

you can read more about text-overflow property

Answer 3

, उदाहरण के अंदर बटन पाठ लपेटें एक span तत्व और उस पर शैलियों को सेट करें। उदाहरण (jsfiddle भी रूप में उपलब्ध):

<style> 
.buttontext { 
    width: 95px; 
    overflow: hidden; 
    white-space: nowrap; 
    display: block; 
    text-overflow: ellipsis; 
}​ 
</style> 
<button><span class="buttontext">Very long text Very long text 
Very long text</span></button>