解決element-ui的el-select組件文字超過寬度時不出現橫向滾動條問題

我用的element-ui是V1.4.3.

目前遇到一個問題，在用el-select組件的時候，當選項的內容很長的時候，會撐開下拉菜單的寬度，這樣影響美觀。具體如下圖所示：

解決這個問題的思路：設置下拉菜單的最大寬度，然后文字超出時，出現橫向滾動條。

解決時的問題就是，設置了寬度，橫向滾動條卻不出現，如下圖所示，直接將超出的文字隱藏，並且后面添加省略號

最后我添加了如下的代碼：

 .el-select-dropdown{
        max-width: 243px;
    }
    .el-select-dropdown__item{
        display: inline-block;
    }
    .el-select-dropdown__item span {
        min-width: 205px;
        display: inline-block;
   }

效果如下，橫向滾動條順利出現：