解决代码如下所示:
.logMgCls .el-select__tags-text {
display: inline-block;
max-width: 180px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.logMgCls .el-select .el-tag__close.el-icon-close {
top: -7px;
}
说明: .logMgCls 是我自己文件中的父级元素类名,目的是避免全局公共样式污染(不能写在具有 scoped 属性的style标签中),这里可以用自己的父级元素样式类名替换即可。主要使用上面代码中的 max-width
属性来控制显示最大长度。
效果图: