Dare una lunghezza fissa di opzioni in un DataList

Question

ho questo codice HTML:

<style type="text/css"> 
.select { 
    white-space:pre-wrap; 
    background-color:#FF9; 
     width: 500px; 
} 
</style> 
<input type="text" list="browsers" class="select"/> 
<datalist id=browsers > 
    <?php while ($row_Recordset1 = mysql_fetch_assoc($Recordset1)) {;?> 
    <option> 
     <?php echo $row_Recordset1['RBC']; }?> 
    </option> 
</datalist> 

ho alcuni dati più di 500px, therfore quando si fa clic sulla casella di testo larghezza maggiore rispetto al testo larghezza casella di lista (500px)

Come posso correggere la larghezza dell'elenco?

Answer 1

L'unico modo per farlo è utilizzare CSS con la proprietà white-space e no-wrap.
http://www.w3schools.com/cssref/pr_text_white-space.asp

Oppure si può utilizzare un div intorno l'ingresso per forzare le dimensioni, lasciare che l'ingresso sia la dimensione che deve essere e utilizzare il div con troppopieno-x per controllare la dimensione e costringerlo a 500px di larghezza.