问题描述: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;
}