elipsis de desbordamiento de texto: evitar el salto de palabra

En mi página web tengo un div con ancho fijo y usando el siguiente css:

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

La elipsis está funcionando, el problema es que corta la última palabra, y quería que pusiera las elipsis (...) en la final de una palabra completa.

Por ejemplo, si tengo el texto: "stackoverflow es el mejor", y si necesita ser cortado casi al final, quiero que muestre "stackoverflow is the ..." en lugar de "stackoverflow is the be ... "

Respuestas a la pregunta(3)

Su respuesta a la pregunta