老师,请问为什么给test类设置left:50% margin-left:400px之后,能够使得红色区域居中显示,想不明白。
登陆购买课程后可参与讨论,去登陆吧
你好,在定位的情况下,实现水平居中,有个规律哟。即:设置left:50%,然后就设置margin-left:-自身宽度的一半,即可实现水平居中。
而这里,-400这个值是根据.test元素(就是红色区域)决定的哟。
祝学习愉快~
如果浏览器宽度是1200px,设置离左边50%,那元素就是离浏览器左边600px,再设置margin-left:-400px,是负的400px,它就会往左挪了。
设置left为50%后,元素的最左边会距离页面最左边50%,这样肯定是不居中的,需要再减去它自身宽度的一半,才能居中,你可以写下代码试试,先不设置margin-left,先设置left:50%,看下元素在哪。
祝学习愉快!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
登录后可查看更多问答,登录/注册
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
5 45
377 41
378 40
0 35
60 30
购课补贴联系客服咨询优惠详情
慕课网APP您的移动学习伙伴
扫描二维码关注慕课网微信公众号
在线咨询
领取优惠
免费试听
领取大纲
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星