单行显示省略号

 .hide {
         overflow: hidden;
         text-overflow:ellipsis;
         white-space: nowrap;
       }

多行显示省略号

 .hide {
        display:-webkit-box;/**对象作为伸缩盒子模型展示**/
        -webkit-box-orient:vertical;/**设置或检索伸缩盒子对象的子元素的排列方式**/
        -webkit-line-clamp:3;/**显示的行数**/
        overflow:hidden;/**隐藏超出的内容**/
      }