Question

div盒子margin:0 auto;为什么只是居中在屏幕顶部？

正中央的代码怎么写？

Answer 1

margin:0 auto是简化写法，完整写法是margin：0 auto 0 auto，顺序是上右下左。
因为下面没有元素了，下边距的0不起作用，所以是顶部居中了。
正中央的代码要复杂一点，
先设置宽和高（假设是宽300高200）：width:300px; height:200px;
再将div设置position:absolute;
然后加left和top属性：left:50%;top:50%;
然后根据div的宽和高设置margin属性：margin-left:-150px;margin-top:-100px;
这样就正中央居中了。

这个写法有个限制，div宽和高必须固定。
不固定的也许有js可以控制，没研究过，不知道。