Question

所以我在这里做了这个例子：http://jsfiddle.net/cRmCc/2/我想知道在父div中使用margin或padding来垂直和水平对齐嵌套div的最佳方法是什么。更优选地，确切的中心。我将使用它作为参考，谷歌没有那么多的帮助。谢谢！

HTML

<div class="container1">
    <div class="container2">
        Some Text
    </div>
</div>

CSS

.container1 {
    width:200px;
    height:200px;
    background-color:red;
}
.container2 {
    width:100px;
    height:100px;
    background-color:blue;
}

Answer 1

您可以使用display:table-cell;和vertical-align:middle;以及text-align:center;和display:inline-block;

Updated Fiddle

.container1 {
  width:200px;
  height:200px;
  background-color:red;
  text-align:center;
  display:table-cell;
  vertical-align:middle;    
}
.container2 {
  width:100px;
  height:100px;
  background-color:blue;
  display:inline-block;
}

注意：如果支持，您需要为旧版浏览器提供备用。

将嵌套div与div中的父div和文本对齐的最佳方法是什么？

1 个答案: