参考

yangtangjun.github.io/wendang/sty…

实现效果

原本样子

超出隐藏效果

代码实现

结构

<p>Hello, are you having a good time over there?</p>

样式

单行

p {
    width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

多行

p {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}