用 CSS 实现元素垂直居中

1. 不知道自己高度和父容器高度的情况下, 利用绝对定位只需要以下三行

parentElement{
 
       position:relative;

    }

 
childElement{

        position: absolute;

        top: 50%;

        transform: translateY(-50%);


 }

     2. 若父容器下只有一个元素，且父元素设置了高度，则只需要使用相对定位即可

parentElement{

        height:xxx;
   
 }


 childElement {

      position: relative;

      top: 50%;

      transform: translateY(-50%);

    }