フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援
フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援

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

知らなかったのでメモ

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

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

[紹介元] CSSタグが付けられた新着記事 – Qiita tableではみ出した文字を…にする方法

コメント

記事に戻る

コメントを残す