单行 多行 省略号 scss
/** @format */
@mixin multi-ellipsis($lines: 1) {
display: -webkit-box;
line-clamp: $lines;
-webkit-line-clamp: $lines;
text-overflow: ellipsis;
word-break: break-all;
/* autoprefixer: ignore next */
-webkit-box-orient: vertical;
overflow: hidden;
/* autoprefixer: ignore next */
box-orient: vertical;
}
@mixin ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
word-break: keep-all;
}