CSS对齐中心

Question

我有一个宽度为100％且高度为100％的div。在里面，我有一个200px x 200px div。我希望200px x 200px与外部div的垂直和水平中心对齐。就像在Photoshop中对齐垂直或水平中心时一样。到目前为止，我只能从边缘对齐。这可能吗？

由于

Answer 1

您可以根据页面位置使用margin:0 auto;设置自动保证金。

Answer 2

一种解决方案如下：

HTML：

<div id="parent">
    <div id="child">Content here</div>
</div>

CSS：

#parent {display: table;}

#child {
  display: table-cell;
  vertical-align: middle;
  margin: auto;
}

请注意：CSS表与HTML表不同。

Answer 3

<div>
   <div class="two">
   </div>
</div>

和css

.two{
  margin: auto;
  vertical-align:middle;
}