[CSS] 文字列を丸めて「…」を付ける

  • text-overflow: ellipsis; – 幅を超えたら丸めて「…」を付加。
  • text-overflow: clip; – 幅を超えたらクリッピング。

参考サイト

文字列を省略して「…」を付与する方法 – CSS/jQuery | Developers.IO
http://dev.classmethod.jp/ria/string-replace-css-and-jquery/

[意外と知らないCSS]テキストが領域をこえた場合に「…」を表示するtext-overflow:ellipsis | Cappee Design
http://cappee.net/coding/text-overflow