css:单行、多行文本溢出显示...

单行显示：

{

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}

多行显示：

{

    text-overflow: ellipsis;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 4;   //在第几行后显示省略号（实现webkit内核的浏览器及大部分移动端的多行文本溢出省略号）

    -webkit-box-orient: vertical;

}