草庐IT

elementSelect 选择器多选名称过长撑开变高,超出选择框,有多个时并会撑开原始高度优化方式

    我们用elementui多选下拉选框长度固定的情况下,选择多个长度时会强制撑开高度,那么怎么让他不换行、不撑开,而是超过的长度显示省略呢?    首先给el-select一个class名称,随意给,我给的是selects,然后加上以下样式即可;::v-deep.selets{.tags-select-input{height:40px;.el-select__tags{height:40px;white-space:nowrap;overflow:hidden;flex-wrap:nowrap;}}.el-select__tags-text{display:inline-block;m

Element-UI el-select 多选菜单换行撑开

问题描述:          Element-UIel-select多选菜单换行撑开显示破坏整体样式 问题解决:        添加如下样式:/deep/.el-select__tags{flex-wrap:unset;overflow:auto;}         若出现滚动条样式不好看,可以更改样式,和elementui保持一致。 /deep/.el-select__tags{flex-wrap:unset;overflow:auto;&::-webkit-scrollbar-track-piece{background:#d3dce6;}&::-webkit-scrollbar{widt