elementUI中的el-form-item标签的label属性自动换行了如何让他不自动换行
时间: 2024-05-14 10:18:09 浏览: 383
el-select-tree:ElementUI的el-select与el-tree结合
5星 · 资源好评率100%
可以通过设置 `white-space: nowrap;` 样式来禁止 `el-form-item` 的 `label` 属性自动换行。具体方法如下:
```css
.el-form-item__label {
white-space: nowrap;
}
```
也可以通过给 `el-form-item` 添加 `label-width` 属性来控制 `label` 的宽度,从而避免自动换行。例如:
```html
<el-form-item label="这是一个很长很长很长的label" label-width="200px">
<!-- 表单项内容 -->
</el-form-item>
```
以上两种方法都可以达到不让 `el-form-item` 的 `label` 属性自动换行的效果。
阅读全文