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

问题描述:el-select 内容溢出框外

解决方法:修改样式:

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

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

设置成行内块:  display: inline-block;

设置最大宽度 max-width: 35px;

隐藏滚动条 overflow: hidden;

将超出部分用...代替 text-overflow: ellipsis;

段落中的文本不进行换行 white-space: nowrap;

设置关闭标签距离顶部距离,使其对齐

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