第一种方法

{
    width: 450px;
    height: 300px;
    background-color: white;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: calc(-300px/2);
    margin-left: calc(-450px/2);
  }

第二种方法

{
    width: 450px;
    height: 300px;
    background-color: white;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
  }

第三种方法

{
  height: 100%;
  background-color: #ccc;
  .login_box{
    width: 450px;
    height: 300px;
    background-color: white;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    //横纵轴都偏移50%
  }