[css]だけで「...」を実現

やっとわかった。そういうことかー。

こんな感じ

hoge {
width: 150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}

via:CSSだけで文字列を省略して「・・・」を付けて表示する方法

試したら確かに、できた。

すっげー便利。