本文介绍了为什么不margin-top：auto和margin-bottom：auto工作和他们的左右对等一样？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
如果我设置一个div的CSS margin属性：
If I set the CSS margin properties of a div like so:
div { margin-left: auto; margin-right: auto; }
我得到一个在页面中水平居中的div，。
但是，如果我将CSS更改为：
However, if I change the CSS to this:
div { margin-top: auto; margin-bottom: auto; }
my div不是垂直居中的。我不需要知道解决方法（）），但我想知道此行为的原因。为什么margin-top和margin-bottom不以同样的方式工作？
my div is not vertically centered. I don't need to know a workaround (plenty of solutions are available) but I would like to know the reason for this behaviour. Why don't margin-top and margin-bottom work in the same way? What am I missing?
推荐答案
简短的答案是规范说的这样。
The short answer is the spec says so.
这篇关于为什么不margin-top：auto和margin-bottom：auto工作和他们的左右对等一样？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！