el-form-item内让元素靠右

el-form-item内让元素靠右

具体需求是要将下图中的注册按钮靠右对齐,最开始考虑的使用栅格来控制位置,但不太好调整。后来又使用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%;
    
}

最后成功解决,效果图:

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

转载请说明出处内容投诉
CSS教程_站长资源网 » el-form-item内让元素靠右

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买