el-form-item的label设置两端对齐

复制代码
<style scoped>
::v-deep .el-form-item__label {
  display: inline;
  text-align-last: justify;
}
</style>

需要给两个form设置同样的label-width

复制代码
			<el-form-item label="信号机名称" label-width="75px">
                    <el-input type="text" v-model="props.info.content.name"></el-input>
                  </el-form-item>
                  <el-form-item label="咽喉" label-width="75px">
                    <el-select v-model="props.attr.yhData" placeholder="请选择" @change="handleChange()">
                      <el-option label="上行咽喉" :value="parseInt('1')"></el-option>
                      <el-option label="下行咽喉" :value="parseInt('0')"></el-option>
                    </el-select>
                  </el-form-item>

效果如图所示

相关推荐
再学一点就睡36 分钟前
双 Token 认证机制:从原理到实践的完整实现
前端·javascript·后端
随风飞翔的胖子38 分钟前
js-cookie详细介绍及在vue3中的使用方法
vue.js·浏览器
幻灵尔依1 小时前
前端编码统一规范
javascript·vue.js·代码规范
欢脱的小猴子1 小时前
VUE3加载cesium,导入czml的星座后页面卡死BUG 修复
前端·vue.js·bug
前端小巷子1 小时前
JS 实现图片瀑布流布局
前端·javascript·面试
杜蒙2 小时前
React Hooks 详解
前端·javascript
小菜全3 小时前
Vue 3 + TypeScript 事件触发与数据绑定方法
前端·javascript·vue.js
Hilaku3 小时前
面试官开始问我AI了,前端的危机真的来了吗?
前端·javascript·面试
zheshiyangyang3 小时前
TypeScript学习【一】
javascript·学习·typescript
β添砖java4 小时前
案例二:登高千古第一绝句
前端·javascript·css