jQuery で複数行対応の自動省略三点リーダー「...」付与修正版 - Qiita
はじめに jQuery で複数行対応の自動省略３点リーダーを付与します。わざわざプラグイン使うまでもないので、書いておきます。CSS でも可能ですが、:before や :after を使って右端に余白を設けて固定で「...」を書くなど、ちょっと見た目がださかったのでやめました。参考リンクを貼っておきますが、参考リンクの内容はウィンドウサイズを縮めたときにしか使えないですし、拡大したときに文章が枠内に収まったとしても「...」が残るなど、いろいろ未完成だったので修正しました。 参考 文字列を省略して「...」を付与する方法 意外と需要がある（泣）文字数を省略して「...」にしたい。複数行のとき！ 準備 jQuery を入れてください。 コード <script type="text/javascript"> $(function () { $(document).ready(function
jQueryで文章を指定の文字数でカットする方法
一覧画面やトップページに表示する記事タイトルやお知らせテキストなど、レイアウトの都合上特定の文字数分だけ表示するようにレイアウトされたデザインのコーディングが必要なことがあると思います。 そういったときはjQueryで文字数を指定してカットする方法があります。今回は文字数制限と合わせて文末に”…”を追加し、視覚的に続きがあることがわかりやすい状態で実装する方法を紹介します。 jQueryの記述 文字数制限をしていない状態が下記です。liそれぞれに40文字づつテキストが入っています。 See the Pen mjjmrR by hoshu_t (@hoshu_t) on CodePen. ここに以下のjQueryを加え、20文字で文字数制限を行いました。 See the Pen YjjVGW by hoshu_t (@hoshu_t) on CodePen. 最初のcountで文字数を指定し
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
