using text-overflow:ellipsis; only when reaching 3 lines in a div [duplicate]

Answer 1

You can also try this one

.test { width: 150px; height: 60px; overflow-y: hidden; position: relative; }

.test:after { content: '...'; position: absolute; bottom: 0; right: 0; }