margin: 0 auto; 和 margin: auto;

2021-05-17 549 阅读1分钟

水平居中

xx {
    margin: 0 auto;
    // 或
    margin：auto;
}

相信作为前端一员的你，一定用过如上代码来实现元素的水平居中；

水平垂直居中

xx {
    margin: auto;
}

一直用margin： 0 auto；的我，觉得此代码可以实现元素的水平垂直居中；结果不行（啪啪打脸）；

为什么不行呢

我觉得是规范如此；
可以看到MDN的例子：
margin： auto; 上边和下边无外边距，左右为水平方向居中；
所以，其实margin: auto;和 margin: 0 auto; 是一样的

参考文档