el-form表单项文字居右
对齐方式：设置label-positon属性改变表单标签域位置，可选值top、left、right当设置为top时标签会置于表单域的顶部，就是文字在上面
在el-from上为全部表单项设置的对齐方式
<el-form :model="formData" label-position="right" :model="formLabelAlign">
<el-form-item lable="名称" prop="name">
<el-input v-model="formLabelAlign.name"></el-input>
</el-form-item>
<el-form-item lable="活动区域" prop="region">
<el-input v-model="formLabelAlign.region"></el-input>
</el-form-item>
<el-form-item lable="活动形式" prop="type">
<el-input v-model="formLabelAlign.type"></el-input>
</el-form-item>
</el-form>在el-form-item上为表单项单独设置对齐方式
<el-form-item lable="姓名" prop="name" label-position="left"></el-form-item>两个一起用，单独设置对齐方式的显示为el-form-item设置的，没有单独设置的显示为el-form上设置的
表单域宽度：lable-width 设置表单域标签的宽度，就是文字的宽度
如果表单项文字的字数都一样可以固定宽度用px或%
在el-form上为全部表单项设置的宽度
<el-form :model="formData" label-position="right" :model="formLabelAlign" :label-width="50px">
<el-form-item lable="名称" prop="name">
<el-input v-model="formLabelAlign.name"></el-input>
</el-form-item>
<el-form-item lable="区域" prop="region">
<el-input v-model="formLabelAlign.region"></el-input>
</el-form-item>
<el-form-item lable="形式" prop="type">
<el-input v-model="formLabelAlign.type"></el-input>
</el-form-item>
</el-form>在el-form-item上为表单项单独设置宽度
<el-form-item lable="名称" prop="name" :label-width="60px"></el-form-item>两个一起用，单独设置的宽度显示为el-form-item设置的，没有单独设置的显示为el-form上设置的
如果字数的宽度不想固定或字数不一样
你可以把:label-width="60px"、:label-widdth="5%"换成auto，写法为:label-width="auto"
一行显示两个
使用栅格间隔 el-row 行写24 和el-col 列写12 嵌套在el-form里el-form-item外，这里有个坑，el-form上面不要写行内表单模式的属性:inline="true"，否则你的el-form-item里的标签填不满你的页面，因为display:flex后el-row和el-col没填满。
<el-form :model="formData" label-position="right" :model="formLabelAlign" :label-width="50px">
<el-row :gutter="24">
<el-col :span="12">
<el-form-item lable="名称" prop="name">
<el-input v-model="formLabelAlign.name"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item lable="区域" prop="region">
<el-input v-model="formLabelAlign.region"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item lable="形式" prop="type">
<el-input v-model="formLabelAlign.type"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
