テーブルのセルにtext-overflowプロパティを使う

次のようにtext-overflowプロパティをtd要素で使用してもうまく適用されません。

CSS

これを適用されるようには2つの方法があります。

table-layout:fixed;を指定する

table要素にtable-layout:fixed;とwidthプロパティを指定します。

ただしこの方法には欠点があり、セルの幅を固定指定していた場合、その幅が無効化されてしまいます。

CSS

max-width:0;を指定する

text-overflowプロパティを指定している要素にmax-width:0;を指定します。

ただしこの方法にも欠点があり、text-overflowプロパティを指定している以外のセルの幅をすべて固定する必要があります。

CSS