单行、多行文本溢出

单行文本溢出

.text-overflow{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

多行文本溢出

给-webkit-line-clamp属性设置相应的行数

.line-overflow{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2; //设置两行文本溢出
    -webkit-box-orient: vertical;
}