（1）单行文本超过部分显示省略号

  1. overflow: hidden;
  2. text-overflow: ellipsis;
  3. white-space: nowrap;

（2）多行文本超过部分显示省略号

  1. overflow: hidden;
  2. text-overflow: ellipsis;
  3. display: -webkit-box;
  4. -webkit-box-orient: vertical;
  5. -webkit-line-clamp: 2;
  6. word-break: break-all;

（3）倘若使用vue，则可使用下面这种方式

  1. display: -webkit-box;
  2. -webkit-box-orient: vertical;
  3. -webkit-line-clamp: 2;
  4. overflow: hidden;
  5. word-break: break-all;