定位的盒子居中对齐完美写法

1. 代码

    <html>
    
    <head></head>
    <style>
        .box {
            width: 499.9999px;
            height: 400px;
            background: pink;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            /* 走的自己的一半 */
        }
    </style>
    
    <body>
        <div class="box"></div>
    </body>
    
    </html>

2. 效果展示

posted @ 2019-11-05 10:07  if年少有为  阅读(389)  评论(0)  编辑  收藏  举报