使vue组件居中、中下

 position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);

中下：

/* 居中往下 */
.login_form {
     
  position: absolute;  /*绝对定位 */
  bottom: 0px;  /* 最底下*/
  width: 100%;
  padding: 0 20px;  /*  上下内边距为0，左右内边距为20 */
  box-sizing: border-box;  /* 宽高和盒子一样 */
}
/* 按钮在右侧 */
.bts {
     
  display: flex;
  justify-content: flex-end;
}