css文字超出用省略号代替

经常会遇到有很大一段文字需要显示，但是全部显示有很累赘，下面有两种处理方式：

1.单行 需要限制高度

.text{
  overflow: hidden;
  text-overflow: ellipsis;
}

2.多行

 .text {

      overflow: hidden; //超出的文本隐藏

      text-overflow: ellipsis; //溢出用省略号显示

      display: -webkit-box;

      -webkit-line-clamp: 3; // 超出多少行

      -webkit-box-orient: vertical;

}