以下内容提到的标签和属性均不考虑浏览器的兼容性，使用时根据实际场景选择是否可以使用和代替

line-clamp 属性

line-clamp 是一个不规范的属性，使用它时可以视情况组合-webkit或-moz进行使用

line-clamp 用于限制块元素显示文本的行数，并且只有当 display 属性设置为 -webkit-box 或 -webkit-inline-box 并且-webkit-box-orient属性设置为 vertical 之后才会生效，通常需要搭配 overflow: hidden 实现指定显示行数的内容。-webkit-line-clamp: 1 配合其他属性和以下样式实现的效果一样

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