具体需求是要将下图中的注册按钮靠右对齐,最开始考虑的使用栅格来控制位置,但不太好调整。后来又使用display:flex+justify-self: end;、和float:right,发现根本不好用,后来使用了position:absolute+right:0%
html代码:
<!--按钮区域-->
<el-form-item class="btn">
<el-checkbox class="rememberMe">记住密码?</el-checkbox>
<el-button type="info" @click="resetLoginForm" class="register_btn">注册</el-button>
</el-form-item>
css代码:
.register_btn {
position: absolute;
right: 0%;
}
最后成功解决,效果图:
文章来源:https://www.toymoban.com/news/detail-514073.html
由于不是专业前端,不喜勿喷!文章来源地址https://www.toymoban.com/news/detail-514073.html
到了这里,关于el-form-item内让元素靠右的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!