在使用
Select時(shí),有時(shí)候需要固定寬度,有時(shí)候需要自適應(yīng),下面說下要設(shè)定固定寬度時(shí)要注意的地方:
控件設(shè)定寬度一般是直接指定width屬性即可,但
Select設(shè)定固度是使用style="width:n"的形式設(shè)定,如果只設(shè)置width屬性,則
Select的寬度還是會(huì)隨下面選擇項(xiàng)的寬度變化而變化的,如:
<select width="20px">
<option>1111111111111111111</option>
<option>22</option>
<option>1</option>
<option>44444444444444444444444444444444</option>
</select>
則
Select的寬度是第四個(gè)選項(xiàng)的寬度,即最終頁面上顯示的Select寬度肯定是大于20px的,如果是這種方式:
<select style="width:20px">
<option>1111111111111111111</option>
<option>22</option>
<option>1</option>
<option>44444444444444444444444444444444</option>
</select>
則Select的寬度會(huì)固定為20px,即第四個(gè)選項(xiàng)會(huì)顯示不完整,達(dá)到了固定Select寬度的目的.