页面水平垂直居中

最新推荐文章于 2024-11-03 23:12:06 发布

小福气_

最新推荐文章于 2024-11-03 23:12:06 发布

阅读量108

点赞数

分类专栏： vue 文章标签： css3 前端 css

本文链接：https://blog.csdn.net/u013486889/article/details/121098735

版权

vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<body>
    <div id="app">
        <div class="login-page">
            <div class="login-container"></div>
        </div>
    </div>
</body>


body, #app{
    margin: 0;
    height: 100vh;
}
.login-page{
    width:100%;
    height:100%;
    display: -webkit-box;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
}
.login-container {
    border-radius: 5px;
    margin: auto;
    width: 350px;
    padding: 15px 35px;
    background: #fff;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
}