解决element ui中form表单组件对齐以及label文字过长换行的问题

问题如下图所示：第二行与第一行上下宽度不一致，且label长度过长导致换行

 解决办法：增加label-width属性

label-width

表单域标签的宽度，例如 '50px'。作为 Form 直接子元素的 form-item 会继承该值。

也就是form和form-item都支持这个属性，可以整体改也可以单独改

这里采取整体修改的方式，代码如下：

<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px" >

 效果如下：

至此，问题解决。