两行文字超出部分省略号，出现了省略号但是依然存在第三行？

Question

实现多行溢出省略号的代码：

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

设定了高度和换行，浏览器使用的是谷歌。

但是结果是：

Answer 1

容器不要设置padding

Answer 2

不用设定高度滴

Answer 3

  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;

Answer 4

请问楼主解决了吗？

Answer 5

1. 对应元素:after {
2.     position: absolute;
3.     content: '';
4.     height: 10px; //对应的padding值
5.     bottom: 0px;
6.     left: 0px;
7.     right: 0px;
8.     background: #fff;
9. }
10. 给一个盒子挡住嗷~