自定义显示几行，超出显示...

   前端很多时候有这种需求，为了排版，需要固定几行文字，超出后显示。。。
 看效果：![在这里插入图片描述](https://img-blog.csdnimg.cn/20200612153209311.png)
  .textarea{
      text-overflow: -o-ellipsis-lastline;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      line-clamp: 3;
  }
  //   line-clamp: 3;  就是要显示的行数，根据自己需要更改

另外一种需求就是固定长度，超出显示…直接上代码

{overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;}