一尘不染

第二行的css省略号

html

text-overflow: ellipsis第二行的CSS ,这可能吗?我在网上找不到。

例:

我想要的是这样的:

I hope someone could help me. I need 
an ellipsis on the second line of...

但这是怎么回事:

I hope someone could help me. I ...

阅读 459

收藏
2020-05-10

共1个答案

一尘不染

text-overflow: ellipsis;工作要求是white-spaceprenowrap等)的单行版本。这意味着文本永远不会到达第二行。

嗯 在纯CSS中不可能。

编辑 如果优秀的CSS众神将实现我们可以使用fragments(new)和max-lines(new)在纯CSS中进行模糊处理。

编辑2 WebKit / Blink具有line-clamp-webkit-line-clamp: 2将省略号放在第二行。

2020-05-10