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>

效果如图所示

相关推荐
Coodor1 小时前
如何在web浏览器使用js操作CPU卡
开发语言·前端·javascript·cpu卡
Eiceblue3 小时前
React 项目实战:用 JavaScript 合并多个本地 Excel 文件
前端·javascript·react.js·excel
深蓝AI3 小时前
TypeScript 7.0 原生编译器实战:8—12 倍提速,迁移前的 7 个检查
javascript
mayaairi4 小时前
JS BOM完全指南(二):事件轮询、三大尺寸家族与浏览器对象详解
开发语言·javascript·ecmascript
avi91115 小时前
【】js不同颜色(Vue 框架)今时今日2026年学编程入门(10月1日)
前端·vue.js·vue·vue框架·前端入门·vue入门·html上传
Fluxart.ai5 小时前
商品多角度图怎么做?Flux Art 从白底图到规格图、包装图的 10 步教程
开发语言·前端·javascript
程序员小八7776 小时前
后端开发初学TypeScript
前端·javascript·typescript
单线程121387 小时前
从案例分析 Vue3 Tokenizer 源码
前端·javascript·vue.js
GIS数据转换器8 小时前
智慧林草“一张图“平台
java·大数据·服务器·前端·javascript·数据库·人工智能