select選項過長無法顯示設置overflow:hidden在IE9中不起作用
在下圖中有一個dojo的select,當選項過長,在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;
}

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

