/*显示三行*/

.textThree{

   text-overflow:-o-ellipsis-lastline;

    text-overflow:ellipsis;

    overflow:hidden;

    display:-webkit-box;

    -webkit-line-clamp:3;

    line-clamp:3;

    -webkit-box-orient:vertical;

    word-break:break-all;

}

/*显示两行*/

.textTwo{

   overflow:hidden;

    text-overflow:-o-ellipsis-lastline;

    text-overflow:ellipsis;

    display:-webkit-box;

    -webkit-line-clamp:2;

    line-clamp:2;

    -webkit-box-orient:vertical;

    word-break:break-all;

}

/*显示一行*/

.textOne{

   display:inline-block;

    overflow:hidden;

    word-break:keep-all;

    white-space:nowrap;

    text-overflow:ellipsis;

}