1.单行文本溢出显示省略号
@mixin no-wrap() {
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
2.多行文本溢出显示省略号
@mixin no-wrap-multi($linNum) {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: $linNum;
overflow: hidden;
text-overflow: ellipsis;
}
来源:https://www.cnblogs.com/zhanyoulin/p/11076975.html