Многоточие слова CSS ('…' )после одной или двух строк

Я пытаюсь создать перенос слова -в JavaScript с помощью CSS, и условие:

Если DIV содержит одно очень длинное слово, такое как "asdasfljashglajksgkjasghklajsghl" , я хочу отобразить:

     |asdasfljashglajk...|

Если DIV содержит длинное предложение, например «если бы мне давали десять центов каждый раз, когда мне говорили, что я не могу» , я хочу отобразить:

     |if i had a dime for|
     |everytime i was... |

Работаю с HTML, CSS, JavaScript. Я не могу использовать jQuery.

Пожалуйста, дайте мне знать, если это возможно.