多行溢出裁剪省略号

记录一下：

.two-line {
  overflow: hidden;
  display: -webkit-box; /* 将对象作为弹性伸缩盒子模型显示 */
  -webkit-line-clamp: 2; /* 行数，值可以改，表示展示X行后多余的缩略展示 */
  -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */
  word-break: break-all;
}

注意：这个方式有兼容问题

如果考虑兼容，建议联合js/后端文本裁剪

单行溢出裁剪省略号

这个就没有啥兼容问题

.one-line {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}