我有这个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>
我有一些数据超过500px,因此,当我点击文本框列表宽度大于文本框宽度(500px)
如何修复列表宽度?
唯一的方法就是使用带有white-space属性和no-wrap的CSS。
http://www.w3schools.com/cssref/pr_text_white-space.asp
或者你可以在输入周围使用div来强制大小,让输入是它需要的大小,并使用div with overflow-x来控制大小并强制其宽度为500px