文本增加显示全文按钮？

这是我想要的效果。

这是我做出来的效果。

请问如何实现最后一行省略号缩进。

chat-box-text{

display: -webkit-box;

overflow: hidden;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

text-overflow: ellipsis;

line-clamp: 2;

height: 88rpx;

}