完美居中

最新推荐文章于 2023-03-02 08:14:41 发布

zjw0742

最新推荐文章于 2023-03-02 08:14:41 发布

阅读量368

点赞数

分类专栏：前端常见面试题型文章标签：居中

本文链接：https://blog.csdn.net/zjw0742/article/details/78323737

版权

前端常见面试题型专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<template>
    <div>
      <div class="login-page">
         <div class="login-container">fuck</div>
      </div>
    </div>
</template>

<script>

</script>

<style>
 html,body{
   width: 100%;
   padding: 0px;
   margin: 0px;
 }
  .login-page{
    top: 50%;
    width: 100%;
    position: absolute;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .login-container{
    width: 50%;
    margin: 0 auto;
  }
</style>