Добавить точки / многоточие при переполнении элементов div / span без использования jquery

Необходимо реализовать функциональность, аналогичную той, что dotdotdot плагин jQuery делает , но не может использовать фреймворки javascript (например, jquery или доб).

Есть ли простой способ добавить точки к содержимому элемента div или span, если содержимое занимает больше места, чем элемент должен ??? (аналогично тому, что css overflow: ellipsis настройка работает)

Невозможно использовать многоточие , потому что он не работает с большим количеством строк, когда высота ограничена.

Спасибо :)