1.如何讓每個表單項對齊？

問題描述：如下圖，每個表單項的輸入框/下拉框/日期選擇器是沒有對齊的，我們希望它們縱向是對齊的。

解決方案：給el-form標簽，加上label-width="100px"即可。意思就是給每個表單項的label標簽一個固定的寬度100px，就可實現縱向對齊。

展示效果：

2.如何實現表單項的label標簽左/右對齊？

問題描述：如下圖。

解決方案：給el-form加上label-position="left/right"屬性。

展示效果：

如果去掉了el-form的label-position=“”屬性，那么label標簽默認是右對齊的。

3.如何讓form表單的表單項先縱向排列，再橫向排列？

問題描述：

解決方案：使用element-plus的el-row和el-col。?

<el-form><!-- 表示只有一行--><el-row><!-- 第一列--><el-col :span="12">可以放第一波el-form-item</el-col><!-- 第二列--><el-col :span="12">可以放第二波el-form-item</el-col></el-row>

?展示效果：

注意：el-row默認有24個單位，此時兩個el-col各占12，表示平分這一行（父容器el-dialog組件的寬度）的一半寬度。?