tableではみ出した文字を…にする方法

知らなかったのでメモ

table{
  table-layout: fixed;
}
table td{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

これで、セルのwidthを指定することなく、table独自の可変が起きても、表示しているエリアに合わせて…にしてくれる。