Как сделать зажим в середине последнего слова ⇐ Html

[Anonymous]

Я хочу закрепить вторую строку текста, НО если в конце есть длинное слово, поставьте многоточие в середину слова.
Сейчас у меня есть следующее:

Код: Выделить всё

.container {
width: 300px;
border: 1px solid blue;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}

Код: Выделить всё

Here we have some long text that needs to be clamped at the 2nd line verylongwordverylongwordverylongwordverylongwordverylongwordverylongwordverylongwordverylongword

Я хочу добиться следующего результата:


Как видите, последнее слово длинное и его следует обрезать посередине, а не удалять полностью.
Есть ли хороший способ решить эту проблему?

Подробнее здесь: https://stackoverflow.com/questions/741 ... -last-word