在另一個div的中心放置一個div

Question

我需要在另一個容器div的內部放置另一個長方形div的矩形div。最裏面的div內部的圖像必須相對於最外面的div水平和垂直居中。我怎麼做？

<div class="col-sm-4 col-sm-offset-1" style="margin-right:10px;"> 
    <div class="panel panel-default" style="min-height:320px;"> 
    <div class="panel-body" style="padding:0;">    
     <img src=""> 
    </div> 
    <div> 
</div> 

Answer 1

#div1{ 
 
    border:1px solid; 
 
    width:200px; 
 
    height:200px; 
 
} 
 

 
#div2{ 
 
    border:1px solid; 
 
    width:100px; 
 
    height:100px; 
 
    margin:25%; 
 
} 
 

 
#div3{ 
 
    border:1px solid; 
 
    width:50px; 
 
    height:50px; 
 
    margin:25%; 
 
}

<div id="div1"> 
 
    <div id="div2"> 
 
     <div id="div3"></div> 
 

 
    </div> 
 
</div>

確保所有的div都寬度和高度設置，然後使用：

margin: 25%; 

在內部的div