麻烦老师解答，谢谢。
来源：3-3 绝对定位（1）
夜的解忧铺
2021-07-06 01:00:32
margin: 0 auto;
auto:自动分配的意思 0 auto 是上下为0 左右自动分配 ，那么可以实现水平居中，
水平居中的原理是什么？
垂直居中：是需要上下左右都需要设置数值的，那为什么不可以直接用margin:auto;来实现自动分配，来达到垂直居中的效果， 又或者上下自动分配 左右为0 margin:auto 0; 但是没有效果
写回答
1回答
-
好帮手慕慕子
2021-07-06
同学你好，对于你的问题解答如下：
1、因为设置margin: 0 auto;属性后，盒子左右侧间距都为auto，浏览器解析时会自动分配元素左右的间距，让元素水平居中显示。
2、垂直方向设置为auto无法实现垂直居中，原因是：W3C规定的，块级等元素未脱离文档流时，如果margin-top或margin-bottom属性值为auto，则它们的使用值为0， 也就是说当你设置margin: auto 0; 浏览器实际解析时元素的上下margin值为0，所以无法实现垂直居中。
祝学习愉快~
0
