CSS文本超出盒子显示省略号...单行文本和多行文本省略

CSS文本超出盒子显示省略号...只需要添加三个属性

//单行文本

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

多行文本最后一行省略

//多行文本省略
div{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; //行数需设置
    line-clamp: 2;
    -webkit-box-orient: vertical;
}