css文本溢出隐藏

单行溢出隐藏

// 不换行
      white-space: nowrap;
      overflow: hidden;
      // 末尾显示...
      text-overflow: ellipsis;

多行文本溢出

   // 例如显示五行，高度设置150，行高就是30
      height: 150px;
      line-height: 30px;
      display: -webkit-box;
      // 一共显示的行数
      -webkit-line-clamp: 5;
      // 文本排列方向 从上到下
      -webkit-box-orient: vertical;