单行&多行文本溢出省略...

单行文本溢出省略号...

/* 单行文本溢出显示省略号... */
p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

多行文本溢出省略...

/* 多行文本溢出省略 */
p.more {
    display: -webkit-box;
    /* or */
    display: -webkit-inline-box;
    overflow: hidden;
    text-overflow: ellipsis;
    /* 要展示文本的行数 */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

单行&多行文本溢出省略...

原文：https://www.cnblogs.com/zxk5211/p/web_27.html