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

css設(shè)置如下,overflow:hidden沒有起作用 。
復(fù)制代碼代碼如下:
.my-select {
max-width: 200px;
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
}
在添加了float:left,適當(dāng)調(diào)整width后,select正常顯示如下圖 。
復(fù)制代碼代碼如下:
.my-select {
float:left;
width: 200px;
max-width: 200px;
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
}

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

推薦閱讀
- ie11無法新建選項卡只要新建選項卡就會報錯
- 夏新 A665拍照保存時間過長的解決辦法
- IE11不能打開地址 Internet選項始終是灰色的解決辦法
- IE6 select z-index無效,遮擋div bug的解決方法
- jquery-multiselect在ie6里的一個bug的解決方法
- IE6下js通過css隱藏select的一個bug
- jQuery解決下拉框select設(shè)寬度時IE 6/7/8下option超出顯示不全
- 打開的網(wǎng)頁太多?教你使用IE瀏覽器快速切換選項卡的技巧
- 如何設(shè)置excel下拉選項
- 兼容IE6/IE7/IE8/火狐 下拉菜單select樣式設(shè)置
