HTML5登录框居中

编写H5登录页面时, 一般是把登录框放屏幕中间

.login {
  display: block;
  position: absolute;
  transform: translate(-50%, -61.8%);
  /*左右方向的位置为50%, 上下方向的位置为黄金分割比例0.618*/
  
  left: 50%;
  top: 50%;
  width: 450px;
  
  border-radius: 8px;
  /*登录框4个角设置为圆角*/
  background: rgba(255, 255, 255, 0.9);
  /*白色背景,不透明度90%*/
}