新しいプロジェクトに取り組むたびに、「text-align:center」を使用してテキストを中央に配置する問題はありませんが、画像を中央に配置する同様のコードを見たことがないので、常にコードをハックしていますHTML内で画像を中央に配置する(最もクリーンなオプションではない)か、画像に可変幅を与える(複数の解像度では機能しません)。私が試していないこれを達成する方法はありますか?そして、このようなものがCSS3に実装されるかどうか誰もが知っていますか?
含む要素のスタイルを
text-align:center;
画像のスタイルを
display:inline-block;
margin:auto;
Srulyの答えは頭の上の釘を打つ。追加を検討する唯一のことはvertical-align: middle;
は次のようにイメージタグに使用します。
display:inline-block;
margin:auto;
vertical-align: middle;