如何在CSS中使用省略号来截断3行文本,而不是1?
到目前为止,我有这个,但它只适用于单行文本。我希望文本包装两次(作为引用)。
.truncate {
width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
答案 0 :(得分:2)
这还不能在所有css3浏览器中完成,只能在webkit中完成。
.line-clamp {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
如果我真的需要截断
,我会使用clamp.js