HTML内のボックスに文字数制限はCSSで実装できるらしいです(☝ ՞ਊ ՞)☝

今まで知らなかった(☝ ՞ਊ ՞)☝
{
width: 171px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis; /* Opera9,10対応 */
}

実際にやってみたら動きました(☝ ՞ਊ ՞)☝
jQueryMobileなんかの文字数省略のCSSに使われているらしいいです(☝ ՞ਊ ՞)☝
スクリプト書かなくてもいいのはすごく便利ですね−(☝ ՞ਊ ՞)☝

参考サイト
http://qiita.com/ichikawa_0829/items/e0c364e74b5e22a7bc0d