vue.js - Element ui el-select选项自动换行

Question

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

这是一个js fiddle .

这里an existing示例。

但我不想省略溢出的文字。我想将溢出的单词包装到第二行。不仅选择选择的值。如果溢出，所有选项都必须换行到第二行。我想用 pure css 或 vue js 方法来完成。有什么方法可以把单词换行吗？

Answer 1

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

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