網站首頁 編程語言 正文
在ElementUI官方文檔中el-form提供了一個參數 label-width:
可以在form表單中設置label-width寬度(作為 Form 直接子元素的 form-item 會繼承該值),但問題來了,如果不確定標簽的長度,給固定值容易造成過長標簽的換行,導致頁面布局錯亂。
所以把label-width設置為auto
<el-form
ref="form"
:model="form"
label-width="auto"
size="small"
> </el-form>
這樣label就會自適應標簽的長度了,效果如下 ↓
注意:如果給固定值,則還可以設置label標簽的對齊方式 label-position="left"
下圖就是通過設置label-width=150px;label-position="left出來的效果,遇到標簽過長的字段名稱只能在單獨的el-form-item標簽中設置label-width
原文鏈接:https://blog.csdn.net/qq_42970173/article/details/110132816
相關推薦
- 2022-08-04 Python+NumPy繪制常見曲線的方法詳解_python
- 2022-02-01 Google Chrome進入暗黑模式
- 2022-03-21 SQL?查詢連續登錄的用戶情況_MsSql
- 2022-03-30 pytorch中的dataset用法詳解_python
- 2024-03-18 Springboot如何判斷pom.xml中是否加載了某個jar依賴
- 2022-05-06 C#反射機制介紹_C#教程
- 2022-07-23 C語言簡明分析指針與引用的具體用法_C 語言
- 2022-04-18 Taro中設置 tabbar上的徽章。
- 最近更新
-
- window11 系統安裝 yarn
- 超詳細win安裝深度學習環境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區別,Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權
- redisson分布式鎖中waittime的設
- maven:解決release錯誤:Artif
- restTemplate使用總結
- Spring Security之安全異常處理
- MybatisPlus優雅實現加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務發現-Nac
- Spring Security之基于HttpR
- Redis 底層數據結構-簡單動態字符串(SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應用詳解
- 聊聊消息隊列,發送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支