单行文字省略与多行文字省略

单行文字省略css

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

多行文字省略css

.multiline-ellipsis{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    <!--控制行数-->
    -webkit-line-clamp:3;
    -webit-box-orient:vertical;
    white-space:normal!important;
    word-wrap:break-word;
}