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

80日前 (www.yomotsu.net) Tags: CSS img 画像

横並びの画像や inline-block の要素を、均等配置 (justify) にするための CSS コードです。 IE 6, Firefox 2, Opera 9.6, Safari 3 で意図したとおりに表示されることを確認しました。動作確認用の demo 説明以下のようなコードを準備します。 HTML のソースコード例この HTML ソースコード例に適用する CSS コード ul.images { padding:0; margin:0; text-align: justify; text-justify: distribute-all-lines; } ul.images:after{ conte... 続きを読む