el-form-item label换行
时间: 2023-02-13 20:48:07 浏览: 32
如果你想让 el-form-item 的标签换行,你可以使用 css 的 word-wrap 属性来实现。例如:
```css
.el-form-item__label {
word-wrap: break-word;
}
```
这样就可以让标签在必要时换行了。
你也可以使用 flexbox 布局来控制标签的宽度,从而达到自动换行的效果。例如:
```css
.el-form-item {
display: flex;
flex-wrap: wrap;
}
.el-form-item__label {
flex-basis: 100%;
width: 100%;
}
```
这样,当标签的宽度超出容器的宽度时,就会自动换行。
相关问题
el-form-item label换行的方法
可以使用 CSS 样式来实现 el-form-item label 换行,具体方法如下:
1. 在 el-form-item 上添加一个 class 名称,例如 "form-item-wrap"。
2. 在 CSS 样式中,为该 class 名称添加以下样式:
.form-item-wrap label {
display: block;
white-space: normal;
}
这样就可以实现 el-form-item label 换行的效果了。
el-form-item label换行的实现
可以使用 CSS 样式来实现 el-form-item label 换行,具体方法如下:
1. 在 el-form-item 上添加一个 class 名称,例如 "form-item-wrap"。
2. 在 CSS 样式中添加以下代码:
.form-item-wrap .el-form-item__label {
white-space: normal;
}
这样就可以实现 el-form-item label 换行的效果了。
阅读全文