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%;

在内部divs

将div放在另一个div的中心

1 个答案: