elementui 多选下拉选框长度固定的情况下,选择多个长度时会强制撑开高度,怎么让他不换行、不撑开,而是超过的长度显示省略号

本来的样子:

图片描述

选择一个超过长度选项之后的样子:

图片描述

可以看到高度被撑高了

选择多个

图片描述

高度被撑的更高了

现在有没有办法不让它撑高高度,而是超出长度的内容显示为省略号,后面的数字正常显示

ps:设置最大高度的效果如下:
图片描述

文本会被撑出去
input有不换行属性吗?

阅读 11.3k
1 个回答

Element-UI 多选的每一个选项,都是一个 span 标签,父盒子使用的是 flex 布局,所以给 .el-select__tags 添加 flex-wrap: nowrap 就可以了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题