Na minha página eu tenho um div com largura fixa e usando o seguinte css:

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

A elipse está funcionando, o problema é que ela corta a palavra final, e eu queria colocar as reticências (...) no final de uma palavra completa.

Por exemplo, se eu tiver o texto: "stackoverflow é o melhor", e se precisar ser cortado perto do fim, quero que ele exiba "stackoverflow is the ..." em vez de "stackoverflow is the be ... "