nz-form inlineモードにおける多種類のコントロールのレイアウトが乱れる問題
nzFormのレイアウトが乱れる
nz-formレイアウトが乱れる原因フォームパターン使用行: フォームには複数の種類のコントロールが使われています( 公式のスタイルクラスを使って、幅を統一して解決します.テンプレート対応 設定後の効果は その他の解決方法実際に使うべきではない 一つ
nz-formレイアウトが乱れる原因
[nzLayout]="'inline'"
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
一行