在IE下,我們只要指定select的寬度即可.如:
| 代碼如下 |
複製代碼 |
<select name="ddlDept" id="ddlDept" style="width:80px;"> <option>上海 - 物業資訊部</option> <option>北京 - 物業資訊部</option> <option>重慶 - 物業資訊部</option> <option>深圳資訊科技部</option> <option>電腦部</option> </select>
|
其實在firefox下面也很簡單,使用如下方法即可.
| 代碼如下 |
複製代碼 |
<select name="ddlDept" id="ddlDept" style="width:80px;overflow-x:hidden;"> <option style="width:80px;overflow-x:hidden;">上海 - 物業資訊部</option> <option style="width:80px;overflow-x:hidden;">北京 - 物業資訊部</option> <option style="width:80px;overflow-x:hidden;">重慶 - 物業資訊部</option> <option style="width:80px;overflow-x:hidden;">深圳資訊科技部</option> <option style="width:80px;overflow-x:hidden;">電腦部</option> </select>
|
可以簡寫為如下:
| 代碼如下 |
複製代碼 |
<style type="text/css"> #ddlDept{width:80px;overflow-x:hidden;} #ddlDept option{width:80px;overflow-x:hidden;} </style> <select name="ddlDept" id="ddlDept"> <option>上海 - 物業資訊部</option> <option>北京 - 物業資訊部</option> <option>重慶 - 物業資訊部</option> <option>深圳資訊科技部</option> <option>電腦部</option> </select> |