ng-zorro栅格下垂直居中Align Center 子元素不设置固定宽度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; 的效果

ng-zorro栅格下垂直居中Align Center 子元素不设置固定宽度margin自动变宽的问题_第1张图片

ng-zorro栅格下垂直居中Align Center 子元素不设置固定宽度margin自动变宽的问题_第2张图片

固定宽度后的效果

ng-zorro栅格下垂直居中Align Center 子元素不设置固定宽度margin自动变宽的问题_第3张图片

ng-zorro栅格下垂直居中Align Center 子元素不设置固定宽度margin自动变宽的问题_第4张图片
 

你可能感兴趣的:(Javascript,Angular)