1. 文本... 处理

/*多行文本省略号*/
.box{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 3;  /*  行数*/
    -webkit-box-orient: vertical;
}
/*单行文本省略号*/
.text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; 
}