el-form-item不换行
时间: 2023-08-27 10:05:53 浏览: 270
FORM 不换行的方法
el-form-item不换行的问题可以通过设置label-width属性来解决。通过给el-form-item设置label-width属性,可以调节label的宽度,从而控制el-form-item的换行情况。例如,可以使用以下代码来设置label-width属性并解决不换行的问题:
```html
<el-form-item label="标题" label-width="100px">
<el-input clearable></el-input>
</el-form-item>
```
在上述代码中,通过设置label-width属性为"100px",可以控制label的宽度,从而避免el-form-item的换行问题。
#### 引用[.reference_title]
- *1* *3* [返回数据中的换行符,标签内不显示换行问题](https://blog.csdn.net/Shimeng_1989/article/details/80805380)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [【element】解决el-form和el-form-item不在同一行显示的问题](https://blog.csdn.net/qq_40971793/article/details/128847272)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文