原文：解決element-ui的el-select組件文字超過寬度時不出現橫向滾動條問題
我用的element ui是V . . . 目前遇到一個問題，在用el select組件的時候，當選項的內容很長的時候，會撐開下拉菜單的寬度，這樣影響美觀。具體如下圖所示： 解決這個問題的思路：設置下拉菜單的最大寬度，然后文字超出時，出現橫向滾動條。 解決時的問題就是，設置了寬度，橫向滾動條卻不出現，如下圖所示，直接將超出的文字隱藏，並且后面添加省略號 最后我添加了如下的代碼： 效果如下，橫向滾動 ...
2019-04-09 14:37 0 7735 推薦指數：
相關推薦
.el-scrollbar{ .el-scrollbar__bar.is-vertical { opacity: 1;//改為0不顯示滾動條 width:5; } } ...
使用element-ui合計功能, 因列數較多, 產生橫向滾動條, 但是合計行卻在滾動條下面, 拖動滾動條合計行不會跟着橫向滾動: 在當前頁面添加以下樣式: 效果: 這樣就可以拖動了. ...
1.device-tree設置寬和高， 2.el-scollbar設置100% 3.scoped以及樣式覆蓋問題，保證樣式生效就可以實現橫向和豎向滾動條 感謝大佬的辛苦奉獻，參考：https://blog.csdn.net/qq_34122822/article/details ...
問題：當使用組件el-select時，如果在el-option上使用el-tooltip組件時，在下拉選項比較多時進行滾動，整個網頁會出現抖動，並出現滾動條。 代碼如下： <el-select v-model="addForm.leader_id" placeholder="請選擇 ...
elementUI 中有一個隱藏組件<el-scrollbar>，用來修改滾動條的樣式； 因為element用div自定的滾動條 所以可以 .is-horizontal{ display: none ...