Как вывести не полное предложение с многоточием на конце?

Question

[tosterComposter1]

Использую backbone, вывожу на странице текст из модели так {{ text }}, как можно вывести только часть текста и добавить многоточие на конце, если текст слишком длинный (например, не помещается в 2 строках)?

Answer 1

[Dark Hole]

CSS

.box {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

Вот тут другие варианты

Answer 2

[Clever_Coyote]

Codepen пример

Comments

[tosterComposter1]

Спасибо, а оно работает во всех браузерах?

[Dark Hole]

tosterComposter1: а мой вариант?

[Clever_Coyote]

tosterComposter1: не очень, ie&ff три точки не добавляют, на сколько помню, приходилось js-ом их добавлять

Answer 3

[Денис Букреев]

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

В таком случае надо юзать библиотеку shorten.js