i need to add 3 dots '...' to truncate long text multinine. We can Not use

-webkit-line-clamp: X;

Since we do not know the number of rows or owr text. The phader item has fixed height and the text can be changed, so, its long will be different. I have tested several ways, the most ideal is this one:

overflow: hidden;
display: inline-block;
max-height: 96%

It works but I need to add 3 dots at the end of truncate text.

Any help? thank you in advance