text-overflow: ellipsis第二行的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 ...
text-overflow: ellipsis;工作要求是white-space(pre,nowrap等)的单行版本。这意味着文本永远不会到达第二行。
text-overflow: ellipsis;
white-space
pre
nowrap
嗯 在纯CSS中不可能。
编辑 如果优秀的CSS众神将实现我们可以使用fragments(new)和max-lines(new)在纯CSS中进行模糊处理。
fragments
max-lines
编辑2 WebKit / Blink具有line-clamp:-webkit-line-clamp: 2将省略号放在第二行。
line-clamp
-webkit-line-clamp: 2