一行的情况
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%)}
一行的情况
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%)}
让时间为你证明