- 水平居中的实现和超出div可滚动且隐藏滚动条
<div class="center">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
<el-form-item label="登录名(不可修改)" prop="name" >
<el-input v-model="ruleForm.name" placeholder="登录名"></el-input>
</el-form-item>
<el-form-item label="登录密码" prop="name" >
<el-input v-model="ruleForm.name" placeholder="登录密码"></el-input>
</el-form-item>
</el-form>
</div>
<style scoped>
.center{
height: 100%;
padding: 50px 30%;
overflow-y: scroll;
}
.center::-webkit-scrollbar{
display: none;
}
</style>
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/a7fb593a6d3e89f35368cc016fdc93a8.png)