盒子垂直水平居中

最新推荐文章于 2022-09-24 14:54:43 发布

yshusencsdn

最新推荐文章于 2022-09-24 14:54:43 发布

阅读量229

点赞数 1

文章标签： css 水平垂直居中定位

本文链接：https://blog.csdn.net/yshusencsdn/article/details/98305615

版权

盒子居中:

盒子水平居中: margin:0 auto;

定位实现盒子水平居中以及垂直居中:

例如：
在这里插入图片描述

    .box {
        position: absolute;
        /* left:50% 向右走父盒子宽度的一半 */
        left: 50%;
        top:50%;
        margin-top:-150px;
        margin-left: -200px;
        width: 400px;
        height: 300px;
        background-color: red;
    }