.category .dropdown-loading 位置设置
来源:1-5 按需加载商品详情
爱吃夜宵的前端Student
2020-09-18 12:44:29
老师在视频中使用的是 margin: 220px auto 0;
如果使用background-position:;该怎么设置呢
我在Chrome浏览器里面尝试 把background-position设置为:50% 50%;可是并没有起作用
可以用这个办法设置吗?如果可以的话是怎么设置呢?
1回答
同学你好,background-position是设置背景图居中的,而dropdown-loading是一个div元素,不是一个背景图,所以使用background-position是没有用的。这里只是给dropdown-loading这个元素设置了背景图,要区分开,我们是要让dropdown-loading这个盒子在父容器中居中,而不是让dropdown-loading自身的背景图片在dropdown-loading中居中。
打一个比方,墙上挂着一幅画,画中是苹果。苹果就是这幅画的背景图,如果想要苹果在这幅画中居中,那么要使用background-position设置。但是要这幅画在墙上居中摆放,就要使用margin设置。
如果我的回答帮到了你,欢迎采纳,祝学习愉快~
相似问题