江阴网站建设培训,电商视觉设计网站,网站上添加子栏目,中国品牌vi设计公司文章目录 背景代码 背景
通过 vue elementUI 实现 form 表单中输入框还有 label 统一对齐
代码
el-form 中每个 el-form-item 都是一个单独的小项目#xff0c;默认 el-form-item 都是换行的#xff0c;除非加上:inlinetrue 属性#xff0c;就是表示弄成一… 文章目录 背景代码 背景
通过 vue elementUI 实现 form 表单中输入框还有 label 统一对齐
代码
el-form 中每个 el-form-item 都是一个单独的小项目默认 el-form-item 都是换行的除非加上:inlinetrue 属性就是表示弄成一行
想设置对齐的话先可以设置 label-width 属性表示前面每个 label 宽度是多少然后设置 label-position 属性 right 表示右对齐即可对齐但是不想都弄成 1 列可以让他们都是 1 行:inlinetrue 再对齐即可
有的输入框长度不一致前端谷歌调试后通过 stylewidth:203px 改输入框长度即可
el-form label-positionright label-width80px :modelformLabelAlignel-form-item label名称el-input v-modelformLabelAlign.name/el-input/el-form-itemel-form-item label活动区域el-input v-modelformLabelAlign.region/el-input/el-form-itemel-form-item label活动形式el-input v-modelformLabelAlign.type/el-input/el-form-item
/el-form
