nz-form inline 模式下多類型控件打亂佈局的問題

nzForm 佈局被打亂

nz-form 佈局被打亂的緣由

1. 表單樣式使用行內：[nzLayout]="'inline'"
2. 表單中使用多中類型的控件（input、datepicker、select...）

   會出現日期選擇控件沒有充滿，同時 select 控件會被擠到下一行，看看下面的效果

使用官方的樣式類設置統一寬度解決

• 在模板對應的CSS中使用下面的樣式設置統一寬度

  /* 經過設置下面兩個樣式的寬度解決 nz-select 打亂 form 佈局的問題*/
  /* nz-form-control 外圍類 */
  .ant-form-item-control-wrapper{
      width: 152.16px;
  }
  
  /* nz-form-item 樣式類*/
  .ant-form-item{
      width: 221.2px;
  }

• 設置後的效果是：

其餘解決方法

• 實際不應使用inline模式，而應該使用horizontal模式，一個 nz-form-item 中放置4個 label 和 control
• 由於一個 nz-form-item 是一行