Остановить текст от утечки из div

Question

У меня есть текст, который содержится в div, однако если он слишком длинный, он протекает вне div, и я не хочу этого. Я не хочу использовать атрибут переполнения и давать ему полосу прокрутки. Id нравится, чтобы положить «...» в конце текста, чтобы указать, что в конце текста больше текста, который не отображается. Затем пользователь может увидеть полный текст, когда они нависают над ним.

Это можно сделать?

Answer 1

Добавьте класс переполнения многоточием к вашему элементу:

.overflow-ellipsis { 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
} 

Answer 2

пример текста-overflow..check его http://www.w3schools.com/jsref/prop_style_textoverflow.asp