CSS text-overflow: ellipsis
在第二行,这可能吗?我在网上找不到它。
示例:
我想要的是这样:
I hope someone could help me. I need
an ellipsis on the second line of...
但实际情况是这样的:
I hope someone could help me. I ...
发布于 2018-05-28 20:07:42
对于支持它的浏览器(大多数现代浏览器),只需使用线夹,而对于较旧的浏览器,则回退到1行。
.text {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
@supports (-webkit-line-clamp: 2) {
overflow: hidden;
text-overflow: ellipsis;
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
}
发布于 2015-10-30 04:15:58
我发现Skeep的回答还不够,还需要一个overflow
风格:
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
https://stackoverflow.com/questions/5269713
复制相似问题