多选后会出现以下样子，或者不换行但是超出当前容器，
image.png
可以用以下代码解决
.el-select .el-tag:nth-child(1) {
max-width: 100px;
overflow: hidden;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
}
多选后会出现以下样子，或者不换行但是超出当前容器，
image.png
可以用以下代码解决
.el-select .el-tag:nth-child(1) {
max-width: 100px;
overflow: hidden;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
}
多选后会出现以下样子，或者不换行但是超出当前容器， 可以用以下代码解决
elementUI中下拉多选框校验问题
文本框 密码处理 文本域 复选框 复选框（多选） 单选按钮 多项单选按钮 下拉选项 列表多选框 隐藏字段域 错误处...
在table中引入了多选复选框 引入后 复选框的功能是element-ui自带的多选功能想要实现单选 代码如下：j...
css 文字超出换行 一行显示一项 表格里的多选框
大纲 1、单选框多选框实现的商品选择2、添加下拉框和删除下拉框3、观察textarea中事件处理器的运行顺序推荐 ...
文本框 密码框 多选框 单选框 提交按钮 下拉列表 input input是我们使用的最多的表单项，它可以 根据不...
http://element-cn.eleme.io/#/zh-CN/component/checkbox这里的例...
我在使用element-ui Checkbox 多选框时，发现当我快速点击选项时会闪烁。然后发现在我快速点击时有的...
Element-ui 下拉列表 全选 多选时 select全选 新增一个选择所有的选项
本文标题：58、element-ui下拉选框多选超出解决办法
本文链接：https://www.haomeiwen.com/subject/qkbmiltx.html
网友评论