日期:2014-05-17  浏览次数:20935 次

怎樣控制下拉框的寬度?
<form   id= "form1 "   name= "form1 "   method= "post "   action= " ">
    <table   width= "321 "   border= "1 ">
        <tr>
            <td   width= "179 "> <input   type= "text "   id= "text "   name= "text "   /> </td>
            <td   width= "126 "> <img   src= "select_arrow.gif "   width= "15 "   height= "18 "   /> </td>
        </tr>
        <tr>
            <td> <select   id= "select "   name= "select "   size= "1 ">
            <OPTION   VALUE= "1 "> Canada
    <OPTION   VALUE= "2 "> Denmark
            <OPTION   VALUE= "3 "> Finland
           
            </select>
            </td>
            <td> &nbsp; </td>
        </tr>
    </table>
</form>
這裡的下拉框太短,我想和上邊的文本框對劉,變得一樣長,怎麼做?

------解决方案--------------------
<form id= "form1 " name= "form1 " method= "post " action= " ">
<div>
<input type= "text " id= "text " name= "text " style= "width:200px; "/>
<img src= "select_arrow.gif " width= "15 " height= "18 " />
</div>
<div>
<select id= "select " name= "select " size= "1 " style= "width:200px; ">
<OPTION VALUE= "1 "> Canada
<OPTION VALUE= "2 "> Denmark
<OPTION VALUE= "3 "> Finland
</select>
</div>
</form>