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;
}