css 文本超出两行隐藏

可以使用 CSS 的 text-overflow 属性来实现文本超出两行隐藏的效果。具体实现方法如下：

/* 单行文本超出隐藏 */
.single-line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 多行文本超出两行隐藏 */
.multi-line {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

其中，单行文本超出隐藏的实现方法比较简单，只需要将 white-space 属性设置为 nowrap，然后使用 text-overflow 属性来添加省略号即可。

而多行文本超出两行隐藏的实现方法则需要使用 CSS3 的 flexbox 或者 -webkit-box 属性来实现。具体来说，我们可以将容器的 display 属性设置为 -webkit-box，并将 -webkit-box-orient 属性设置为 vertical，然后再使用 -webkit-line-clamp 属性来限制显示的行数即可。