2011/11/25

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

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

こんな感じ

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

via:CSSだけで文字列を省略して「・・・」を付けて表示する方法
試したら確かに、できた。

すっげー便利。

0 コメント:

コメントを投稿