テーブルを含む div があり、動的にテキストが変化する別の div があります。div にはスタイルがあります
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
したがって、テキストが div よりも広い場合、最後に「...」が表示されると思いますが、実際には、テーブルの幅はコンテナー div よりも大きくなります。これは本当に奇妙です。
テキストを含む div を含むセルの最大幅を px または pt に設定すると、正常に動作しますが、それはオプションではありません。
コンテナ div の幅に合わせて、それよりも大きくならないようにテーブルを設定するにはどうすればよいですか?
一部のサンプル コードはJSFiddle にあります。