css文字超出显示...单行、多行

（1）单行

.text{
        line-height: 1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}

（2）多行

.text{
        height: 3rem ;//firefox兼容问题，因为firefox不兼容display: -webkit-box;
        line-height:1rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
}