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

正中央的代码怎么写?

第1个回答  2014-12-20
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可以控制,没研究过,不知道。本回答被提问者和网友采纳
相似回答