margin:auto为什么不垂直居中

 

margin:auto是具有强烈计算意味的关键字，用来计算元素对应方向上应该获得的剩余空间大小。

所以行内元素margin:0 auto; 不能水平居中在一行的中央位置（行内元素不独占一行）。

但是块级元素设置宽度后仍占据一行空间，因此margin:0 auto;会将这一行的剩余空间平均分配给左右外边距。

同理垂直方向上也不能利用margin:auto垂直居中，因为元素垂直方向上默认没有剩余的空间。

参考链接：https://www.jianshu.com/p/302ac93dac26