label-position不生效

我就是我 2023-01-23 02:59 304阅读 0赞

本来想向右对齐。结果

不生效：  
![在这里插入图片描述][20210712172337702.png]

解决办法：

## lable-position 和 label-width一起使用！ ##

通过 label-position 属性来改变表单域或标签的位置，可选的值有 top/left/right ，默认的是 right ，**lable-position 必须要和 label-width（表单域标签的宽度，作为 Form 直接子元素的 form-item 会继承该值） 共同使用，才会生效。**

<el-form
            ref="loginForm"
            :model="loginForm"
            :rules="loginRules"
            class="login-form"
            label-position="right"
            label-width="80px"
          >

![在这里插入图片描述][20210712172615801.png]

成功！

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMTgyOTg5_size_16_color_FFFFFF_t_70]  
参考资料：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMTgyOTg5_size_16_color_FFFFFF_t_70 1]

[20210712172337702.png]: /images/20221004/fbad2159b96b4007a942904cacf75c09.png
[20210712172615801.png]: /images/20221004/0e50d5d948264fcdbfaa9b836880e9a3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMTgyOTg5_size_16_color_FFFFFF_t_70]: /images/20221004/fe93f87c83f54c27af2a182fd71c3a2b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMTgyOTg5_size_16_color_FFFFFF_t_70 1]: /images/20221004/d63cb1baf4c840aabae3dd73c95eed76.png

发表评论取消回复

表情：

评论列表（有 0 条评论，304人围观）

还没有评论，来说两句吧...

相关阅读

相关 SpringBoot事务不生效

一。 1.mysql表必须支持事务：引擎为INNODB 2.SpringBoot启动事务@@EnableTransactionManagement

本是古典何须时尚/ 2023年06月23日 08:58/ 0 赞/ 34 阅读

相关 label-position不生效

本来想向右对齐。结果不生效： ![在这里插入图片描述][20210712172337702.png] 解决办法： lable-position 和 label-w

我就是我/ 2023年01月23日 02:59/ 0 赞/ 305 阅读

相关 Linux java 生效不了,linux jdk 不生效怎么办

【摘要】操作系统(Operating System，简称OS)是管理计算机硬件与软件资源的计算机程序。操作系统需要处理如管理与配置内存、决定系统资源供需的优先次序、控制输入

深碍√TFBOYSˉ_/ 2023年01月21日 02:07/ 0 赞/ 29 阅读

相关 @profileActive@ 不生效

application.properties application-dev.properties application-pro.properties appli

àì夳堔傛蜴生んèń/ 2023年01月16日 02:45/ 0 赞/ 336 阅读

相关 Shiro setSuccessUrl 不生效

问题描述 Cntroller 请求控制类 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_a

- 日理万妓/ 2022年10月16日 01:55/ 0 赞/ 192 阅读

相关 wowza HTTPProvider 不生效

有个直播播控项目需要用到wowza，所以写了个wowza的插件，由于系统测试和上线隔得时间比较久，测试的时候一起正常，插件用的也很好，到今天正式环境部署却HTTPProvide

太过爱你忘了你带给我的痛/ 2022年07月28日 02:03/ 0 赞/ 153 阅读

相关 authorized_key 不生效。

Linux 运维以及脚本干货: 欢迎分享，欢迎folk [https://unnunique.github.io/AADocs/skill-docs/linux/][htt

蔚落/ 2022年05月25日 00:10/ 0 赞/ 425 阅读

相关 @Cacheable注解不生效

在同一个类中，一个方法调用另外一个有注解（比如 @Cacheable，@Async，@Transational）的方法，注解是不会生效的。原因：通过Spring注解标识

傷城~/ 2022年04月13日 05:29/ 0 赞/ 697 阅读

相关 gitignore不生效

1. 清除本地仓库缓存 git rm -r --cached . 1. 本地代码重新加入 git add . 3.让 .gitignore 文件夹生

朱雀/ 2022年02月23日 13:06/ 0 赞/ 370 阅读

相关 @jsonIgnore不生效

本人使用的是alibaba的fastjson，但是@JsonIgnore不是fastjson的，所以不生效，将注解改为@JSONField(serialize = fa

心已赠人/ 2021年09月15日 20:58/ 1 赞/ 1458 阅读