为什么没有保证金：auto 0px;将块作为边距垂直居中：0px auto;横向居中吗？

Question

您可以使用margin:0px, auto

轻松将宽度设置为自动

#container{
		background-color: blue;
		height:600px;
		width:600px;
		margin:0px auto;	}

<div id="container"></div>

但为什么不能用margin:auto 0px将身高设置为自动？我的意思是，为什么margin: auto 0px;不将margin: 0px auto;垂直居中，因为#container{ background-color: blue; height:600px; width:600px; margin:0 auto; }水平居中？

<div id="container"></div>

{{1}}

Answer 1

如何实现居中的垂直对齐取决于您想要做什么。

使用块级元素，每个div / box / etc从左到右堆叠，然后从上到下堆叠。块元素can be found here和另一个here on the MDN的良好解释。这是一个in-depth look at the display property。

• 您可以按照in this blog post

所述使用translateY和百分比

• 如果出于某种原因，您希望将div放在屏幕中央，Here is a very good technique to vertically center with an in-depth explanation.

Answer 2

您似乎有语法错误。它应该是：

margin: 0 auto;

取出＆＃39; px＆＃39;并删除逗号。