tdに「…」を付ける

tdに「…」つかない…!という罠にはまりましたorz


css

td{
 width:300px;
 text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap;
}

普通のdivやliならこれだけで「…」つくのですが。
tableは厄介ですね。


tdや、display:table-cell;でコンテンツを横並びにしている場合、
親要素に「table-layout:fixed;」を指定します。

table{
 table-layout:fixed;
}

よろしければ、サポートお願いします。 自分のモチベーションアップのためと、今後のためにインプットに使わせて頂き、またアウトプットできればと思っております。