एचटीएमएल विकल्प में पाठ कैसे लपेटें

Question

मैं अपने पेज पर एक ड्रॉपडाउन सूची डालना चाहता हूं, क्योंकि एक विकल्प बहुत लंबा है, जब मैं चयन मेनू पर क्लिक करता हूं, तो यह पृष्ठ के दूसरे भाग को विस्तार और कवर करेगा।

<select id="selectlist" name="SelectProgram"> 

    <option value="LIR" >LIR</option> 
     <option value="How to word wrap text in HTML?">How to word wrap text in HTML? CSS/HTML text wrap for webkit</option> 

दूसरा विकल्प बहुत लंबा है और विस्तारित होगा। क्या कोई तरीका है कि मैं इस तरह के एक लंबे पाठ को 2 लाइनों में लपेट सकता हूं? धन्यवाद!

Answer 1

एक चयन के मूल्य और पाठ के रूप में देखकर बहुत अलग हो सकता है। मैं कहूंगा कि यदि ईवेंट में आपके स्ट्रिंग में आपके द्वारा चुने गए स्ट्रिंग को X से अधिक छोटा कर दिया जाता है।

jQuery

$('#myselect option').each(function() 
{ 
    var myStr = $(this).text(); 
    if(myStr.length > 15){$(this).text(myStr.substring(15));} 
}); 

साथ उदाहरण है कि अपने दस्तावेज़ में तैयार कर दिया है, और यह एक बेहतर आकार के लिए नीचे अपने पाठ ट्रिम जाएगा, एक div कि अतिप्रवाह छुपा देगा में अपने तत्वों को लपेटकर के बारे में कुछ करने के लिए जा रहा है बाद में एक गड़बड़, और आप यहां वापस आने वाले तारों के लिए एक समान समस्या को हल करने की कोशिश कर रहे हैं।

Answer 2

एक div में है कि इनपुट लपेट, div के लिए कुछ चौड़ाई शब्दों में कहें, तो यह है कि लाइन, div के बाहर नहीं जाना होगा नीचे lik:

<div id="something" style="width:500px"> 
    <select id="selectlist" name="SelectProgram"> 
    <option value="LIR" >LIR</option> 
    <option value="How to word wrap text in HTML?">How to word wrap text in HTML? CSS/HTML text wrap for webkit</option> 
    </select> 
</div> 

Answer 3

एक निश्चित चौड़ाई स्थापना बस द्वारा बिना लपेटकर div किया जा सकता है

<select id="selectlist" name="SelectProgram" style="width: 500px"> 
    <option value="LIR" >LIR</option> 
    <option value="How to word wrap text in HTML?">How to word wrap text in HTML? CSS/HTML text wrap for webkit</option> 
</select> 

का उपयोग कर अभ्यास में, आप अपने सीएसएस फ़ाइल में मेल खाने वाले नियम में width: 500px रखना चाहिए।