ellipsisを指定し、CSSだけで…のように省略形式で文字数制限表示を行う


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


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です