为啥一点要设置MARGIN才能居中呢？不是说只有设置lrtb的值为0就可以了吗？

难以理解

拎鸡棒棒哒 2018-12-12

源自：CSS定位（position） 2-10 编程练习

0

收起

1回答

好帮手慕夭夭 2018-12-12 16:21:43

你好同学 , 设置lrtb需要配合margin:auto;实现居中的 . 如下:

只设置lrtb后 , 盒子在左上角 ,这是因为同时设置left和right后 , left优先生效 . 上下也是同理

所以需要设置margin:auto;让盒子居中显示 . 如下:

建议自己去试一试 , 能够帮助自己理解 . 祝学习愉快 ,望采纳 .

慕渺渺 #1

设置margin:auto;居中我能理解，可是为什么要设置lrtb为0啊

2018-12-13 23:13:00
bbbboom 回复慕渺渺 #2

margin:auto;是没有办法计算高度上面垂直居中的 , 这个就类似于拔河效应 , 你又让我top为0 , 有让我bttom为0 , 然后这个时候干脆auto居中算了 . 老师在视频中应该讲了 , 你再看一下

2018-12-14 09:54:42
Sieg_ 回复 bbbboom #3

对啊既然margin:auto auto; 表示上下左右都自动适应也就是居中 rltb再设置就感觉很多余

2018-12-15 19:02:35

点开查看后面1条评论

相似问题

为什么middle没有设置定位，就能够直接使用margin：0 auto？

4-7 编程练习，为什么“.big{margin:0 auto;}”不能实现整体居中？

为什么设置了ul的外边距为auto之后仍然不能居中

请问为什么margin-left设置为左移25%就可以居中了？25%指的是谁的25%？

老师这段为什么logo和右边快捷通道要设置20%呢，不设置结果是一样的啊

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36712 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号