select選項過長無法顯示設置overflow:hidden在IE9中不起作用

在下圖中有一個dojo的select,當選項過長,在IE9中沒法顯示正確 。

select選項過長無法顯示設置overflow:hidden在IE9中不起作用


css設置如下,overflow:hidden沒有起作用 。

復制代碼代碼如下:
.my-select {
max-width: 200px;
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
}

在添加了float:left,適當調整width后,select正常顯示如下圖 。

復制代碼代碼如下:
.my-select {
float:left;
width: 200px;
max-width: 200px;
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
}


select選項過長無法顯示設置overflow:hidden在IE9中不起作用


如果沒有width,對應字符比較少的選項會顯示如下 。有了width后,max-width可以刪掉 。

select選項過長無法顯示設置overflow:hidden在IE9中不起作用

相關經驗推薦