让div盒子（form表单）水平垂直居中显示

让div盒子（form表单）水平垂直居中显示

CSS没怎么学好，就这个搞得我头皮发麻，不过还好的是把他啃下来了…

废话不多说直接上代码

<style>
.login-form{
	//让登录框水平居中
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.5); //让登录框增加阴影
    border-radius: 8px; //增加登录框的圆弧角
    width: 400px;
    max-width: 100%;
    padding: 0px 35px 0; //内边距
    margin:auto;
    position:absolute; //绝对位置
    top:50%;
    left:50%;
    margin:-160px 0 0 -200px; //可以自行微调输入框的位置
}
</style>

结果

搞定，收工！