一:只显示一行,超出部分用省略号

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

 

  二:显示两行或多行,超出部分用省略号

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