前端基础学习-el-select多选以tag展示时，超过显示长度以...省略号显示

这里记录一个样式问题，我们知道element-ui给我们提供了多选时的tag形式展示

但是当tag标签过长时，会出现“溢出”的情况

直接上改变之后的效果
1920分辨率

1366分辨率

下面上代码

样式

// select的tags过长显示...
.el-select__tags-text {
  display: inline-block;
  max-width: 140px;
  @media (max-width: 1400px) {
    max-width: 42px;
  }
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.el-select .el-tag__close.el-icon-close {
  top: -7px;
  right: -4px;
}