イメージ

Question

可能性の重複：
How to make an image center (vertically & horizontally) inside a bigger div

Iは、絶対位置（幅/高さが100％である）であるDIVを有します。 px、percentsではないことに注意してください。
この部門の内部にはイメージがあります。この画像をこのdivの中央に配置するにはどうすればよいですか？

Answer 1

CSS：

/* where margin-left = {img width}/2, and margin-top= {img height}/2 */ 
.bigdiv { 
    width:100%; 
    height:100%; 
    position:absolute; 
} 
.bigdiv img { 
    position:absolute; 
    left:50%; 
    top:50%; 
    margin-left:-10px; 
    margin-top:-10px; 
} 

HTML：彼らは独特のあたりだ

<div class="bigdiv"><img src="eg.png" /></div> 

あなたはまた、あなたのmargin-left、マージントップではなく、imgタグのスタイルとしてコマンドを入れることができます（ので、画像）。