BFE.devAI解答 - CSS 问题
3. 文字多行省略(添加省略号)

可以使用下面的代码来实现最大三行的文字显示，并在超过三行时添加省略号：

.max-three-lines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 显示最大行数 */
  overflow: hidden;
  text-overflow: ellipsis;
}

其中，-webkit-box 属性可以让元素以块级方式显示，并将其子元素放置在一个或多个框中，而且每个子元素都会分别排列在虚拟框里面。-webkit-box-orient 属性可以定义框的子元素定位方式；-webkit-line-clamp 属性用于指定最大行数，而 overflow 属性和 text-overflow 属性则用于处理文本的溢出和省略显示。