你如何在div中垂直和水平居中div？

Question

  

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

所以我有一个高度和长度均为300px的div。我想要一个高度和宽度都是100px的div，在div内，水平和垂直居中。所以基本上内部div的每一侧都有100px。我该怎么做？

Answer 1

#big {
  width: 300px;
  height: 300px;
}
#small {
  width: 100px;
  height: 100px;
  margin: 100px;
}

<div id="big">
  <div id="small"></div>
</div>