CSS を使用して Div 内の画像を水平方向に中央揃えにするにはどうすればよいですか?

Div 要素内で画像を水平方向に中央揃えにする

問題:

画像を水平方向に配置するCSS を含む div 内で CSS を使用するのは、当初は困難であることが判明しました。既存の CSS を使用して画像を中央に配置しようとしましたが、望ましい結果が得られませんでした。

解決策:

画像を効果的に中央に配置するために、CSS への変更が実装されました。

#artiststhumbnail a img {
    display:block;
    margin:auto;
}

• display:block:インライン画像をブロックレベル要素に追加し、追加の位置制御を可能にします。
• margin:auto: 画像に均等な左右のマージンを自動的に追加し、div 内の中央に配置します。

結果:

この改訂された CSS により、次のことが保証されます。 div 要素内の画像は、希望どおりに水平方向に完全に中央に配置されます。ライブ デモンストレーションは、http://jsfiddle.net/marvo/3k3CC/2/ でご覧いただけます。

以上がCSS を使用して Div 内の画像を水平方向に中央揃えにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。