Div 内で画像を水平方向に中央に配置するにはどうすればよいですか?

Div コンテナ内で画像を水平に配置する

質問:

水平を実現する方法divコンテナ内にある画像の位置合わせelement?

詳細:

提供される HTML および CSS コードには、コンテナー要素とイメージ要素に必要な構造が含まれていますが、イメージは中央から外されたままです。

解決策:

画像を水平方向に効果的に中央に配置するには、次の CSS を適用します。画像へのルール:

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

この調整により、画像がブロック要素として表示されるように設定され、マージンの適用が有効になります。その後、自動マージン設定により、左右のマージンを自動的に計算して適用し、画像を中央に配置するようにブラウザに指示します。

視覚的な確認:

このソリューションをデモンストレーションするには、アクセス: http://jsfiddle.net/marvo/3k3CC/2/

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