el-input 指定宽度
时间: 2023-10-08 12:04:03 浏览: 68
TextareaAutosize根据内容的大小自动调整Textarea
在使用 `el-input` 组件时,可以通过设置 `style` 或 `class` 属性来指定其宽度。
1. 使用 style 属性设置宽度:
```html
<el-input placeholder="请输入内容" style="width: 200px;"></el-input>
```
2. 使用 class 属性设置宽度:
```html
<el-input placeholder="请输入内容" class="my-input"></el-input>
```
```css
.my-input {
width: 200px;
}
```
通过设置样式类 `my-input` 的宽度为 200px,可以设置 `el-input` 的宽度为 200px。
另外,如果 `el-input` 放在一个父容器中,也可以通过设置父容器的宽度来控制 `el-input` 的宽度。
```html
<div style="width: 200px;">
<el-input placeholder="请输入内容"></el-input>
</div>
```
通过设置父容器的宽度为 200px,可以限制 `el-input` 的宽度不超过父容器的宽度。
阅读全文