網站首頁 編程語言 正文
在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
相關推薦
- 2023-02-07 k8s集群部署時etcd容器不停重啟問題以及處理詳解_云和虛擬化
- 2022-02-11 g2繪制點圖,鼠標移入點上出現tooltip,對應的label消失
- 2022-07-06 C語言超細致講解函數遞歸_C 語言
- 2023-05-08 Python實現統計文章閱讀量的方法詳解_python
- 2022-06-08 優化使用Feign進行Rpc調用,支持對象傳參自動轉換
- 2022-01-29 composer global require “fxp/composer-asset-plugin
- 2022-04-19 C語言內存管理及初始化細節示例詳解_C 語言
- 2022-09-24 pytorch使用nn.Moudle實現邏輯回歸_python
- 最近更新
-
- 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同步修改后的遠程分支