横並びの画像を均等配置する | ヨモツネット

横並びの画像や inline-block の要素を、均等配置 (justify) にするための CSS コードです。 IE 6, Firefox 2, Opera 9.6, Safari 3 で意図したとおりに表示されることを確認しました。 動作確認用の demo 説明 以下のようなコードを準備します。 HTML のソースコード例 <ul class="images"> <li><img src="img01.png" width="100" height="100" alt="" /></li> <li><img src="img01.png" width="100" height="100" alt="" /></li> <li><img src="img01.png" width="100" height="100" alt="" /></li> </ul> この HTML ソースコ

[taetae109]

なるほど･･･

[www_taca]

横並びの画像を均等配置するCSSのチップス

[hibiki443]

等間隔

[edo_m18]

これでtext-align: justifyを使うときがくるんだろうか・・。

[sst]

text-justifyを使用

[Notitle77]

CSS

[chaws2004]

たぶんすごい