css 实现单行省略 和多行省略

单行省略

{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

多行省略

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

标签：box,省略,text,单行,webkit,ellipsis,overflow,hidden,css
来源： https://www.cnblogs.com/jiafeimao-dabai/p/14525459.html