display: -webkit-box;
- 意思：将对象作为“弹性伸缩盒子”模型显示。
- 为什么要写：这是一个老规范的盒子模型（早于现在的 Flex），但它是实现“多行文本溢出省略”的基础，必须声明。
-webkit-box-orient: vertical;
- 意思：设置伸缩盒子的子元素排列方式为垂直。
- 为什么要写：虽然我们只想显示一行，但浏览器需要知道它是按照垂直方向来计算行数的。
-webkit-line-clamp: 2;
- 意思：限制在一个块元素中显示的文本行数。
- 关键点：这里的
1就代表只显示 1 行。如果你改成2，它就会在第二行末尾显示省略号。