让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;m
·
让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>
结果
搞定,收工!
更多推荐
已为社区贡献6条内容
所有评论(0)