CSS实现登录框居中布局

<style>
  /* 登录框 */
  .login-wrap{
    position: fixed;
    width: 50px;
    height: 40px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
  }

</style>
<div>
    <!-- 登录框 -->
    <div class="login-wrap">登录框</div>
</div>