// 文字超出隐藏
// 单行文本
@mixin txtover($width:100%, $display:block) {
    width: $width;
    display: $display;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

// 多行文本换行
@mixin txtoverMore($width:100%, $-webkit-line-clamp:2) {
    width: $width;
    display: -webkit-box; //将对象作为弹性伸缩盒子模型显示
    -ms-text-overflow: ellipsis; //显示。。。
    text-overflow: ellipsis; //显示。。。
    overflow: hidden;
    -webkit-box-orient: vertical; //设置或检索伸缩盒对象的子元素的排列方式
    -webkit-line-clamp: $-webkit-line-clamp; //2行，只有 webkit内核支持 
    word-break: break-all; //纯英文换行
    white-space: normal
}