如何使用 text-overflow:ellipsis 进行 3 行截断？

Question

如何在 CSS 中使用省略号在 3 行文本（而不是 1 行）之后截断？

到目前为止我已经有了这个，但它只适用于单行文本。我希望文本换行两次（用于引用）。

.truncate {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

Answer 1

这还不能在所有 css3 浏览器中完成，只有 webkit 才能完成。

.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
}

如果我确实需要截断，我使用clamp.js