0


el-form-item内让元素靠右

el-form-item内让元素(按钮)靠右对齐

具体需求是要将下图中的注册按钮靠右对齐,最开始考虑的使用栅格来控制位置,但不太好调整。后来又使用display:flex+justify-self: end;、和float:right,发现根本不好用,后来使用了position:absolute+right:0%

在这里插入图片描述

html代码:

<!--按钮区域--><el-form-itemclass="btn"><el-checkboxclass="rememberMe">记住密码?</el-checkbox><el-buttontype="info"@click="resetLoginForm"class="register_btn">注册</el-button></el-form-item>

css代码:

.register_btn {
    position: absolute;
    right: 0%;
    
}

最后成功解决,效果图:
在这里插入图片描述

由于不是专业前端,不喜勿喷!


本文转载自: https://blog.csdn.net/qq_49385719/article/details/129320345
版权归原作者 酷酷的朱先森i 所有, 如有侵权,请联系我们删除。

“el-form-item内让元素靠右”的评论:

还没有评论