CSSで画像の配置

質問

CSSで画像を中心に配置しようとしていますが、どのようにしていいか分かりません。
width:900px;のボックスの中で画像を中心に配置しようとしています。
画像の大きさがまちまちで、幅と高さは微妙に異なっています。
このようなときにどのようにCSSを設定したら良いでしょうか。
宜しくお願いします。

回答No.3

mat-21 · ベストアンサー

div.hoge{ width:900px; text-align:center; }
でも、<img>はセンターになると思いますが、あえてもっと強制するなら、
----------

div.hoge{ width:900px; text-align:center; }
div.hoge img { margin-right:auto; margin-left:auto; }

<div class="hoge"><img src="xxx.xxx" width="900px以下" height="任意px" alt="代替文字列"></div>

----------
でいかがでしょうか？

回答No.2

abril

> width:900px;のボックスの中で画像を中心に配置

であれば、"text-align: center;"を指定しなければならないのは親要素である"width:900px;のボックス"の方です。

<div class="hoge">
<img src="images/dummy.jpg" alt="代替テキスト" width="100" height="50">
</div>

上記の様なマークアップであれば、CSSは：

div.hoge {
width: 900px;
text-align: center;
}

とならないと。

回答No.1

drapon

img {
text-align:center;
}

こういう事じゃなくて？

補足

これだと画像が中心に来ないですね・・・。
text-align:center;
は文字を中心に寄せるみたいです。