显示全屏,内容上下居中

Posted 2020-09-08 最爱小虾

关键:vh; flex;

    .container {
      height: 100vh; /* 100vh = viewport height*/
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }