HPで会社概要などのコンテンツを左右均等割り付けにするとき
2013年12月26日
ホームページを制作するとき、DTPやwordやexcelのように左右均等割り付けしたいこともあるかと思います。
CSSでは
text-align:justify;
という設定が可能ですが、ブラウザによってはこちらは欧文フォントのみ適用されることがほとんどのようで、あまり実用的ではないように思えます。
会社概要のような、テーブルのようなコンテンツで、左側の「会社名」や「所在地」などの項目の並び方をそろえる場合、letter-spacingプロパティを使うのがよさそうです。
その場合、文字がtable-cellをはみ出してしまい、自動改行されてしまうこともあるのでtdタグに「nowrap」を指定してそれを防げばよいかと思います。
median.weblike.jp
