如何使用文本溢出:3行截断的省略号?

时间:2013-05-30 21:45:19

标签: css css3

如何在CSS中使用省略号来截断3行文本,而不是1?

到目前为止,我有这个,但它只适用于单行文本。我希望文本包装两次(作为引用)。

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

1 个答案:

答案 0 :(得分:2)

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

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

如果我真的需要截断

,我会使用clamp.js