CSS 絕對居中設定

display:grid; place-items:center;

by wllai2001

HTML

<DIV class="Father">
  <DIV>
  </DIV>
</DIV>

CSS

.Father{
  margin:auto;
  width:80%;
  height:200px;
  display:grid;
  place-items:center;
  border:1px solid #ccc;
}

.Father > DIV{
  width:100px;
  height:100px;
  border:1px solid #ccc;
}