文字の均等割り付けを行うjQueryプラグイン jQuery.justify.js

Sat, 05 Dec 2009 13:09:06 +0900

日本人は表組が大好きです。クリスマスのチキンより表組みが好きなんです。（嘘

そんな表組の中で時折見かけるのが下表のようなデザイン。

[caption id=“attachment_285” align=“alignnone” width=“303” caption=“表1”][/caption]

見出し部分を均等割り付けです。均等割り付けなんかイヤだ！といってもやらなきゃいけないときもあるわけで。

普通、こういう表現をする場合スペースなんかで間隔を揃えてしまいがちですが、アクセシビリティを考えるとあんまりよろしくありません。

そんなとき、CSSプロパティのletter-spacingを利用して文字間隔を揃えます。しかし、手動でやるのは文字数やフォントサイズが変わるたびに値を調整しないといけないため、あまり効率的ではありません。

そんなときに使えるのが本jQueryプラグインになります。

※IE6, 7, 8, firefox 3.5, Safari 4, Google Chorme 4での動作を確認しています。

[ad]

Justify on php-tips.com