Blog

【jQuery】幅によって自動でテキストを省略してくれるプラグイン

2016.03.01Cat:jQueryプラグイン 制作

横幅によってフォントサイズの調整と、文字長を自動で省略シてくれるjQueryプラグイン”Jquery-quickfit” が良さそうだったので使ってみた。

http://chunksnbits.github.io/jquery-quickfit/

 

デモはこちら

Demo

 

設置方法

JS

 

HTML

 

パラメータ

キー名 データ型 内容
max 数値 親要素の幅によってフォントサイズが大きくなる中で、許容する最大のフォントサイズ
min 数値 親要素の幅によってフォントサイズが小さくなる中で、許容する最小のフォントサイズ
truncate bool 親要素をはみ出してしまう場合、文字を切ることを許容するかどうか

 

レスポンシブでのコーディングの時などで便利そうだ

Author Profile

hoshino
ECのことを中心に書きたいと思います。 ネタが無いときはプログラムやデザインのことも書きます。
» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ