多行文本超出显示省略号

多行超出 省略号 

 <style>
   .content {
      width: 100%;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
    }
</style>

单行超出 省略号

<style>
    .text1 {
       width: 100%;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
    }
</style>

https://juejin.cn/post/6947939277032390669