Html CSS对齐中心

Html CSS对齐中心,html,css,Html,Css,我有一个div,宽100%,高100%。内部我有一个200px x 200px分区。我希望200px x 200px与外部分区的垂直和水平中心对齐。就像在Photoshop中对齐垂直或水平中心一样。到目前为止,我只能从边缘对齐。这可能吗 谢谢您可以使用边距:0自动用于根据页面位置设置自动边距 一种解决方案可以如下所示: HTML: <div id="parent"> <div id="child">Content here</div> </div

我有一个div,宽100%,高100%。内部我有一个200px x 200px分区。我希望200px x 200px与外部分区的垂直和水平中心对齐。就像在Photoshop中对齐垂直或水平中心一样。到目前为止,我只能从边缘对齐。这可能吗


谢谢

您可以使用
边距:0自动用于根据页面位置设置自动边距

一种解决方案可以如下所示:

HTML:

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

注意:CSS表与HTML表不同

你能分享你的代码吗…试试边距:0自动;注意:这仅在设置宽度时有效!如果元素没有设置的宽度,它将不会居中。
<div>
   <div class="two">
   </div>
</div>
<div>
   <div class="two">
   </div>
</div>
.two{
  margin: auto;
  vertical-align:middle;
}