用margin负值与50%定位,实现自适应居中。
<div class="login-box">
/*input*/
</div>
<style>
.login-box{
width:500px;
height:400px;
margin: -200px 0 0 -250px;
position: absolute;
top: 50%;
left: 50%;
}
</style>
另一种方法,利用transform变换
.class{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: auto;
height:auto;
}