web-dev-qa-db-ja.com

ウェブサイトで画像を中央に配置する最良の方法は何ですか?

新しいプロジェクトに取り組むたびに、「text-align:center」を使用してテキストを中央に配置する問題はありませんが、画像を中央に配置する同様のコードを見たことがないので、常にコードをハックしていますHTML内で画像を中央に配置する(最もクリーンなオプションではない)か、画像に可変幅を与える(複数の解像度では機能しません)。私が試していないこれを達成する方法はありますか?そして、このようなものがCSS3に実装されるかどうか誰もが知っていますか?

2
rgaspary

含む要素のスタイルを

text-align:center;

画像のスタイルを

display:inline-block;
margin:auto;
8
Sruly

Srulyの答えは頭の上の釘を打つ。追加を検討する唯一のことはvertical-align: middle;は次のようにイメージタグに使用します。

display:inline-block;
margin:auto;
vertical-align: middle;
2
Sk93