menu
スポンサーリンク

HPで会社概要などのコンテンツを左右均等割り付けにするとき

2013年12月26日


ホームページを制作するとき、DTPやwordやexcelのように左右均等割り付けしたいこともあるかと思います。
CSSでは
text-align:justify;

という設定が可能ですが、ブラウザによってはこちらは欧文フォントのみ適用されることがほとんどのようで、あまり実用的ではないように思えます。
会社概要のような、テーブルのようなコンテンツで、左側の「会社名」や「所在地」などの項目の並び方をそろえる場合、letter-spacingプロパティを使うのがよさそうです。
その場合、文字がtable-cellをはみ出してしまい、自動改行されてしまうこともあるのでtdタグに「nowrap」を指定してそれを防げばよいかと思います。

連絡先など

MAIL mailmedian.weblike.jp
Skype median-weblike
所在地 東京都町田市

スポンサーリンク
スポンサーリンク

blog

プラットフォーム API 言語