css - テキスト オーバーフローの省略記号: 単語の区切りを避ける

Question

私のウェブページには、固定幅の div があり、次の css を使用しています。

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

省略記号は機能しています。問題は、最後の単語をカットすることです。完全な単語の末尾に省略記号 (...) を配置したかったのです。

たとえば、「stackoverflow is the best」というテキストがあり、最後近くでカットする必要がある場合は、「stackoverflow is the ...」ではなく「stackoverflow is the ...」と表示したい"

Answer 1

無理だと思います。かつてtext-overflow: ellipsis-wordこれを行う がありましたが、ブラウザには実装されておらず、CSS3 ドラフトから削除されました。