怎么让一个 div 水平垂直居中

<div class="parent">
  <div class="child"></div>
</div>

方法1：

div.parent {
   
    display: flex;
    justify-content: center;