// 单行文本超出省略
@mixin singleLineTextEllipsis() {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
};
// 多行文本超出省略
@mixin multiLineTextEllipsis($line: 1) {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: $line;
-webkit-box-orient: vertical;
}
【scss】单行、多行样式全局变量
![](https://img-home.csdnimg.cn/images/20240711042549.png)