关于一个从来没做过的css 效果 两行溢出 自动加展开的问题，想请教下大家？

-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;

请问超出两行溢出 加个展开的下箭头，这个我要怎么判断是否超出两行溢出了，还有这个省略号怎么取消 用展开的下箭头代替呢？请问有没有人做过类似的需求？