元素ui el-select选项自动换行

如何解决元素ui el-select选项自动换行

我正在使用元素ui的el-select标签。我的选项内部文本太大。我要把它包起来。

这里是js fiddle。

这里是an existing示例。

但是我不想省略号。我想将溢出的单词包装到第二行。不仅选择所选值。如果溢出，所有选项都必须包装到第二行。我想用纯CSS 或vue js方法来实现。有什么办法可以包裹单词吗？

解决方法

这是我用来完成此任务的 CSS：

.el-select-dropdown__item {
  width: 350px;
  white-space: normal;
  overflow: unset;
  height: auto;
  line-height: normal;
  padding-top: 10;
  padding-bottom: 10;
}