元素 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;
}