HTMLによる文字の均等割り付け | ぺこちゃんのPC教室

ぺこちゃんのPC教室

パソコンに関する備忘録を書いていこうと思います。

 文字の均等割り付けをググ(ヤフ)ってみると、
 text-align:justify;
 text-justify:distribute-all-lines;
と出てくるがこれは、「Wordでいう両端揃え」である。

文字の均等割り付けをする場合、半角スペースや全角スペースを使いがちですが
読み上げブラウザや、検索エンジンのプログラムが意味を取得できないのでCSSで実現しましょう。
 均等割り付けのような効果をCSSで実現するにはletter-spacingを使用します。
文字と文字の間隔を指定することが可能です。
自動で均等割りにならないので計算してそれぞれ指定する必要があります。

表内であれば、jQueryプラグイン『jQuery.justify.js』で簡単に均等割り付けを実現できます。
プラグイン