На моей веб-странице у меня есть div с фиксированной шириной и с использованием следующего CSS:

width: 200px; 
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

Многоточие работает, проблема в том, что оно сокращает последнее слово, и я хотел, чтобы оно поместило многоточие (...) в окончание полного слова.

Например, если у меня есть текст: «stackoverflow - лучший», и если его нужно вырезать ближе к концу, я хочу, чтобы он отображал «stackoverflow - это ...» вместо «stackoverflow - это be ...» "