Daj stałą długość do opcji w datalist

Question

mam ten kod:

<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> 

mam pewne dane teleadresowe ponad 500px, therfore po kliknięciu na polu tekstowym lista szerokość większą niż szerokość pola tekstowego (500px)

Jak mogę poprawić szerokość listy?

Answer 1

Jedynym sposobem, w jaki można to zrobić, jest użycie CSS z właściwością white-space i no-wrap.
http://www.w3schools.com/cssref/pr_text_white-space.asp

Albo można użyć div wokół wejścia do wymuszenia wielkości, niech wejście być wielkość musi być i używać div z przelewowego-x, aby kontrolować wielkość i zmusić go do 500px szerokości.