In my webpage I have a div with fixed width and using the following css:
width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
I’m afraid it’s impossible. There was once text-overflow: ellipsis-word, which would do just this, but it was not implemented in browsers and it was removed from CSS3 drafts.
text-overflow: ellipsis-word