知らなかったのでメモ
table{
table-layout: fixed;
}
table td{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
これで、セルのwidthを指定することなく、table独自の可変が起きても、表示しているエリアに合わせて…にしてくれる。
More than 5 years have passed since last update.
知らなかったのでメモ
table{
table-layout: fixed;
}
table td{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
これで、セルのwidthを指定することなく、table独自の可変が起きても、表示しているエリアに合わせて…にしてくれる。
Register as a new user and use Qiita more conveniently