单行超出内容省略号

white-space: nowrap; /强制一行显示/overflow: hidden;/溢出隐藏 请为内容盒子设置width才会生效/text-overflow： ellipsis文字溢出处理方式鼠标放上会显示全部在内容所在的标签加入title属性=全部内容

多行

原理: 指定文本最大高度，在文本盒子右下角也就是末尾加一个含省略号的盒子

<p class="desc">内容<span class="t">...</span></p>

desc {position: relative;color: $color-text-d;max-height: 100px;overflow hidden;t{position: absolute;right: 0;bottom: 0;}}