ng-zorro栅格下垂直居中AlignCenter子元素不设置固定宽度margin自动变宽的问题原创

    


.wrap {
  flex: 1;
  padding: 0; 
}
.right-shade{  
  width: 600px;
  height:100vh;
  position: absolute;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
}


  

    


    
    登录账号
  
  

      
  


.login{
  // width: 100%; // 将会导致出现 margin: 0 auto;后两侧margin不固定(增加)
  width: 530px; // 请务必设置固定的宽度
  height:100%;
  overflow: hidden;
  // padding:0 35px;
}

宽度不固定，padding: 0 35px; 的效果

固定宽度后的效果