css_居中:用flex

<style type="text/css">
            * {
                margin: 0;
                padding: 0;
            }
            /* body{
                min-height: 100vh;
                display: flex;
                align-items: center;
                justify-content: center;
            } */
            body{
                min-height: 100vh;
                display: flex;
            }
            .parent{
                margin:auto;
            }
            .parent {
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .parent {
                width: 600px;
                height: 600px;
                background: #808080;
            }

            .child {
                width: 30%;
                height: 30%;
                background: #DAA520;
            }
        </style>
    </head>
    <body>
        <div class="parent">
            <div class="child"></div>
        </div>
    </body>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容