7

私はこの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) よりも大きくなります

リストの幅を固定するにはどうすればよいですか?

4

1 に答える 1

0

これを行う唯一の方法は、空白プロパティとラップなしで CSS を使用することです。
http://www.w3schools.com/cssref/pr_text_white-space.asp

または、入力の周りに div を使用してサイズを強制し、入力を必要なサイズにし、overflow-x で div を使用してサイズを制御し、幅を 500px に強制することができます。

于 2013-03-28T09:24:18.513 に答える