单行文本溢 和 多行文本溢出

单行

.text {

      white-space: nowrap;

      text-overflow: ellipsis; 

      overflow: hidden;

 }

多行

.text {

      display: -webkit-box;

      -webkit-box-orient: vertical; /* 表示盒子对象的子元素的排列方式 */

      -webkit-line-clamp: 3; /* 限制文本的行数，表示文本第多少行省略 */

      text-overflow: ellipsis;/*  打点展示 */

      overflow: hidden;/*超出部分进行隐藏*/

    }