Debug-035-el-form横向表单-字段对齐的处理

问题描述：

        这是一个我们业务中的横向表单，用于展示设备的某些属性字段。用的是el-form配合inline属性做的。然后今天需要添加一个字段“参数”，点击这个查看可以实现跳转。功能也很容易实现，问题是最后一行的左右两个表单元素不能对齐（"照片字段"和”参数字段“），这个就是会有一点强迫症。看一下怎么处理比较好？

        原因很简单，是”照片“的高度将el-form-item撑起来了，这里照片给的是宽高各120px。然后现象就是”参数“字段垂直方向是居中对其的，但我希望让这一行的两个表头字段是对齐的。

方案：

        方案1：

        最开始希望调整这两个字段的位置，看能不能实现对齐。效果如下：

结果还是垂直方向对齐，这么做是没用的。

        方案2：

        给最后一项el-form-item的样式上添加margin-top,调整它的上边距。这个是可以的。就是margin-top给多少要起码目测上看不出来。

        方案3：

       就是直接给最后一项中的这个标签中的内容（查看按钮）一个和”照片“字段那一项一样的高度120px。这样这一项也能撑起高度，二者高度一致，必然对齐。

至此，使用方案3以后如果再追加新的展示字段，也不会有问题。