日常开发记录--elementUI中的el-select下拉框多选显示的文本内容过长导致显示溢出框外

el-select 选中内容溢出框外解决方案：

// my是自己创建的最外层类名 提高样式权重

.my {
　　.el-tag {
　　　　width: 100%;
　　}

　　.el-select__tags-text {
  　　display: inline-block;
  　　max-width: 98%;
  　　overflow: hidden;
 　　 text-overflow: ellipsis;
  　　white-space: nowrap;
　　}

　　.el-tag__close.el-icon-close {
  　　top: -7px;
　　}

}
 

 

 非常重要的一点：本人已验证

如果样式没有生效：记得去掉style中的scoped属性