.category .dropdown-loading 位置设置

来源:1-5 按需加载商品详情

爱吃夜宵的前端Student

2020-09-18 12:44:29

老师在视频中使用的是  margin: 220px auto 0;

如果使用background-position:;该怎么设置呢

我在Chrome浏览器里面尝试 把background-position设置为:50% 50%;可是并没有起作用

可以用这个办法设置吗?如果可以的话是怎么设置呢?

写回答

1回答

好帮手慕夭夭

2020-09-18

同学你好,background-position是设置背景图居中的,而dropdown-loading是一个div元素,不是一个背景图,所以使用background-position是没有用的。这里只是给dropdown-loading这个元素设置了背景图,要区分开,我们是要让dropdown-loading这个盒子在父容器中居中,而不是让dropdown-loading自身的背景图片在dropdown-loading中居中。

打一个比方,墙上挂着一幅画,画中是苹果。苹果就是这幅画的背景图,如果想要苹果在这幅画中居中,那么要使用background-position设置。但是要这幅画在墙上居中摆放,就要使用margin设置。

如果我的回答帮到了你,欢迎采纳,祝学习愉快~


0

0 学习 · 14456 问题

查看课程