css溢出显示的省略号 想要给省略号添加点击事件 可以做吗？

Question

这个省略号是 css text-overflow: ellipsis; 显示出来的，我怎么去给它添加点击事件

Answer 1

依赖ellipsis实现的效果是没法添加点击事件,你可以通过元素来实现这个点击效果

Answer 2

不行，并没有一个伪类可以供你选择。
但是可以通过其他方式来实现你想要的方式：

• “更多|收起”交互中渐进使用transition动画 « 张鑫旭-鑫空间-鑫生活
• CSS 实现多行文本“展开收起” - 前端侦探

Answer 3

多加一个空元素显示在这个...的上面，然后就可以有点击事件了，否则是没有办法的。

Answer 4

<div style="position: relative; overflow: hidden; height: 60px; line-height: 20px;">我是一段不知道固定长度的文字，但是我知道我一定是3行。
    <div style="position: absolute; right: 0; bottom: 0; background-color: #FFF;">...</div>
</div>