margin:0 auto;这样设置是指div水平垂直都居中吗
div{margin:0 auto;}这样设置是指div水平垂直都居中吗？
26
收起
正在回答
2回答
margin:0 auto;是指水平方向居中显示，祝学习愉快！
卡布琦诺
2018-01-26 09:39:15
margin实现垂直居中需要结合position:absolute绝对定位来实现，实现的原理如下：
1、在普通内容流中，margin:auto的效果等同于margin-top:0;margin-bottom:0。
2、position:absolute使绝对定位块跳出了内容流，内容流中的其余部分渲染时绝对定位部分不进行渲染。
3、为块区域设置top: 0; left: 0; bottom: 0; right: 0;将给浏览器重新分配一个边界框，此时该块将填充其父元素的所有可用空间，所以margin 垂直方向上有了可分配的空间。
4、再设置margin 垂直方向上下为auto，即可实现垂直居中。
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星