多行文字只显示一行，其它隐藏并显示为...；多行文字只显示前两行，其它隐藏并显示为...

①多行文字只显示一行，其它隐藏并显示为..

.text {

    font-size: 13px;

    line-height: 1.5;

    white-space: nowrap;    //不换行

    text-overflow: ellipsis;    //超出部分以省略号显示

    overflow: hidden;           //超出部分隐藏

  }

-------------------------------------------------------------------------------------------------------------------------------

②多行文字只显示前两行，其它隐藏并显示为...

.text {

    font-size: 13px;

    line-height: 1.5;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

  }