TABLEでCSSのtext-overflow:ellipsisを効かせたい場合通常は折り返されるような長い文字列を途中でカットして三点リーダーを付けてくれるtext-overflow:ellipsisって便利ですよね。 今回、そのellipsisをTABLEタグの中で使おうと思ってハマったので備忘録として解決策を残しておきます。 まずは簡単なPタグの事例から。 Pタグでtext-overflow:ellipsisを指定 通常のPタグでの表示例 こうして普通は折り返されるような長い文章をwhite-space:nowrap;指定した場合、端っこが切り取られるだけだが、text-overflow:ellipsis;を使うと三点リーダーを自動的に入れてくれるのが便利である。 普通はこうして文章が折り返されます。 overflow:hidden;を指定した例 こうして普通は折り返されるような長い文章をwhite-space:nowrap;指定した場合、端っこが切り取られるだ
