省略可能なテキストを省略して「・・・」を表示させます。
デザイン的に整列して表示させたい時なんかに便利
▼基本
p {
white-space: nowrap;
width: 100%;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
▼例:以下のようなことがでけました。
http://cappee.net/coding/text-overflow
http://tacamy.hatenablog.com/entry/2014/02/19/141948
http://tech.recruit-mp.co.jp/front-end/tips-ellipsis/
ちなみにWordPressでしたら↓↓の方法もありますです。