一行的情况
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
多行的情况
… …
vue-clamp 插件
手动模拟,使用 伪元素搭配渐变色
p:after {
absolute;
content: '...';
bottom: 0;
right: 0;
padding-left: 40px;
background: linear-gradient(to right, transparent, #fff 50%)
}