私のウェブページには、固定幅の div があり、次の css を使用しています。
width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
省略記号は機能しています。問題は、最後の単語をカットすることです。完全な単語の末尾に省略記号 (...) を配置したかったのです。
たとえば、「stackoverflow is the best」というテキストがあり、最後近くでカットする必要がある場合は、「stackoverflow is the ...」ではなく「stackoverflow is the ...」と表示したい"