質問: 複数の画像を横並びにし、その空白を均等にしたい ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ このように、複数の画像を並ばせて表示したいのですが、 画像の横サイズがバラバラなため、どうしても一番右側がガタガタになってしまいます。 やりたいことは、大枠の左右の幅を固定し、画像の間の空白を均等にしたい。 そして、画像の下に画像名を左揃えで入れたい。 画像の横サイズはバラバラです。(縦サイズは全て同じ) 1行に入る画像の枚数も同じではありません。 テーブルを使ってやってみましたが、うまくいきませんでした。 cssを使えばできるのでしょうか? 色々と勉強しながらやっていますがまだまだ初心者で、どうにも知識が足りません。 どなたか解決方法を教えて下さい。 よろしくお願いします!
回答: 古いブラウザには無効ですから、それはそれで仕方ないとして・・ 画像とその説明ですから、シンプルなul(順不同リスト)でマークアップされているでしょうから。 見出し * ! 画像の説明 * ! 画像の説明 * ! 画像の説明 * ! 画像の説明 * ! 画像の説明 * ! 画像の説明 * ! 画像の説明 * ! 画像の説明 * ! 画像の説明 * ! 画像の説明 * ! 画像の説明 だとしたら、 div.album{width:90%;margin:0 auto;} div.album ul,div.album ul li{list-style-type:none;} div.album ul{text-align:center;text-align:justify;} div.album ul li{display:inline-block;text-align:left;} で良いかと・・。