सीएसएस -

Question

के लिए अधिकतम-चौड़ाई सेट करें मेरे पास एक ड्रॉप डाउन सूची और सबमिट बटन के साथ एक फॉर्म है। वे एक ही पंक्ति पर होने वाले हैं, लेकिन चूंकि स्थानों की सूची गतिशील है, इसलिए यह बहुत लंबा हो सकता है और बटन को नीचे दबा सकता है।

मैं चयन करने के लिए अधिकतम चौड़ाई वाली संपत्ति सेट करने की सोच रहा था, लेकिन मुझे स्पष्ट नहीं है कि यह सभी ब्राउज़रों में काम करेगा या नहीं। क्या आपके पास कामकाज पर कोई सुझाव है?

<form action="http://localhost/ci-llmg/index.php/welcome/searchVenueForm" method="post"  class="searchform"> 
    <select name="venue"> 
     <option value="0" selected="selected">Select venue...</option> 
     <option value="1">venue 0</option> 
     <option value="2">club 1</option> 
     <option value="3">disco 2</option> 
     <option value="4">future test venue</option> 
    </select> 
    <input type="submit" name="" value="Show venue!" class="submitButton" /> 
</form> 

सीएसएस:

.searchform select { 
max-width: 320px; 
} 

.searchform input.submitButton { 
float: right; 
} 

Answer 1

स्थानों सर्वर साइड पर उत्पन्न कर रहे हैं, तो आप अपने सर्वर-साइड स्क्रिप्टिंग का उपयोग कर सकते उन्हें एक विशिष्ट अधिकतम वर्ण संख्या को कम करने के लिए।

शुद्ध सीएसएस मैं भी select और option तत्वों पर overflow:hidden, दोनों सेट करने का प्रयास करता हूँ का उपयोग करते समय। विकल्प तत्व पर max-width सेट करने का भी प्रयास करें। जब यह सभी गैर-आईई में काम करता है, तो आप IE के लिए अधिकतम-चौड़ाई समर्थन जोड़ने के लिए सामान्य स्क्रिप्ट का उपयोग कर सकते हैं।

Answer 2

कोशिश:

fieldset select { 
    width: auto; 
}