el-form-item lable和里边input 输入框两边对齐
时间: 2023-12-14 17:55:19 浏览: 1037
weibo:通过模仿新浪微博实现不等高cell高度的计算和拥有不同字数Lable的Frame的计算
可以尝试在 `el-form-item` 中使用 `label-width` 属性来设置标签的宽度,然后在 `el-input` 组件中使用 `style` 属性来设置输入框宽度和对齐方式,例如:
```html
<template>
<el-form>
<el-form-item label="用户名" label-width="80px">
<el-input style="width: calc(100% - 80px); margin-left: 10px;"></el-input>
</el-form-item>
</el-form>
</template>
```
这里设置了标签宽度为 80px,然后在输入框组件中使用 `calc()` 函数来计算宽度,使其占满剩余空间,并在左边留出 10px 的空白,以达到左对齐的效果。你可以根据实际情况调整标签和输入框的宽度和间距。
阅读全文