一：只显示一行，超出部分用省略号

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

 

　　二：显示两行或多行，超出部分用省略号

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    // 下面这句用来控制行数
    -webkit-line-clamp: 2;  
    -webkit-box-orient: vertical;