文本超出变省略号

 1. 单行文本溢出隐藏显示省略号
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;

2. 多行文本溢出隐藏
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3; // 当值为3说明第三行超出隐藏。如果为1，那么第一行超出隐藏。和单行文本溢出隐藏一个样。
      overflow: hidden;

3. nvue 单行文本溢出隐藏   
      lines: 1;   // 元素必须给宽度，否则不生效
      text-overflow: ellipsis;