el-select数据超出展示样式

摘要:
.selectBox{/dept/.el-select_tags{span:left;.el tag--light:填充右:10px;max-100%;隐藏;省略号}.el-tag__关闭{top:-7px;右:7px;

.selectBox{

/deep/.el-select_tags{

  span:first-child{

    max-100%;

    text-align:left;

    .el-tag--light:first-child{

      display:inline-block;

      max-100%;

      .el-select__tags-text:first-child{

        display:inline-block;

        padding-right:10px;

        max-100%;

        overflow:hidden;

        text-overflow:ellipsis

       }

      .el-tag__close{

      top:-7px;

      right:7px;

      }

      }

    }

  }

}

免责声明:文章转载自《el-select数据超出展示样式》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇AndroidUI设计之布局-详细解析布局实现Hibernate---单条记录的增删改查下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

更换路由时页面实现左右滑动的效果

切换路由时,页面实现左右滑动的效果(手机端使用场景比较多); 思路: 路由meta中添加level数字,代表层级,切换路由时,如果level值变小,则右滑动,否则左滑动 0. 效果 1. 路由添加滑动标记(router.js文件配置:) { path: 'test', name: 'test...

CSS实现横向滑动

html <div class="header1"> <div class="header-nei"> <div>第一场</div> <div>第二场</div> <div>第三场</div> <div>第四场</div>...

win32-使用FillRect绘制具有渐变颜色的客户区域背景

void OnEraseBkGnd(HWND hwnd) { /* Vars */ HDC dc; /* Standard Device Context; used to do the painting */ /* rect = Client Rect of the window; Temp = Temparory rec...

React组件中对子组件children进行加强

React组件中对子组件children进行加强 问题 如何对组件的children进行加强,如:添加属性、绑定事件,而不是使用<div>{this.props.children}</div>在<div>上进行处理。 前车之鉴 今天写组件遇到这个问题,在网上查阅了很多资料,都说可以使用React.cloneElement...

面试38-数字在排序数组中出现的个数

#include<iostream>using namespace std;int countOfNumFromSortArr(int arr[],int len,int num);int main(){  int arr[]={0,1,1,2,2,2,2,3,3,3,4};   int n;   cin>>n;   cout<...

vue中在echarts tooltip中添加点击事件

需求:需要在echarts tooltip点击学校的名称,跳转到详情页面;项目是从上海市---> 某个区----> 具体的学校(在最后一级的tooltip中绑定一个点击事件)    ‘  项目是用vue和echarts实现的,echarts是新版本(^5.0.2),并不能把点击事件绑定在window上 解决方法: 1、设置tooltip ent...