многоточие переполнения текста: избегать переноса слов

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

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

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

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

Ответы на вопрос(3)

Ваш ответ на вопрос