前端布局实战中收获的一些技巧记录

1. 水平居中的实现和超出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>