文本溢出处理

 △文字过多一行隐藏
               overflow: hidden;        /*内容会被修剪，并且其余内容是不可见的*/
              text-overflow:ellipsis;  /*显示省略符号来代表被修剪的文本。*/
              white-space: nowrap;
  △文本超出多行隐藏
          display: -webkit-box;   /*必须结合的属性,将对象作为弹性伸缩盒子模型显示*/

           -webkit-line-clamp: 3;  /*设置多少行*/
   
           -webkit-box-orient: vertical;   /*必须结合的属性,设置或检索伸缩盒对象的子元素的排列方式*/
 
            overflow: hidden;   /*文本会被修剪，并且剩余的部分不可见*/
             
            text-overflow: ellipsis;   /*显示省略号来代表被修剪的文本*/