3回答

樱桃小胖子

2019-09-06

已采纳

同学您好，background-position定义一组 x/y 坐标（相对于一个元素盒子模型的边缘），来放置这个元素，它可以被定义为一个值或者两个值，如果被定义为两个值，那么第一个值代表水平位置，第二个值代表垂直位置；如果只指定一个值，那么第二个值默认为 center，所以当设置了top的时候靠上边缘显示并且第二个值默认为center，最终呈现的效果是靠上边缘水平居中。，当设置bottom的时候靠下边缘显示并且第二个值默认为center，最终呈现的效果是靠下边缘水平居中显示

希望可以帮到你！

0

hily1109

h 谢谢 没有理解透彻，您的回答中提到如果被定义两个值，第二个值代表垂直位置。那比方说top，第一个值水平方向居中，第二个值默认为center（这里的center指的是垂直方向的center吗？）如果是的话，那top应该显示在整个页面中间了，并不是靠上边缘水平居中。

h019-09-06

共1条回复

好帮手慕星星

2019-09-07

同学你好，

有一点说错了哦：

top不是水平方向居中显示，是顶部显示。

如果值是方位词的话，第一个参数和第二个参数可以互换，可以不用考虑参数是水平方向还是垂直方向。因为浏览器会自己识别，top就是顶部，center是居中，所以垂直方向上会顶部显示，水平方向上就会居中显示。

自己可以测试下哦，祝学习愉快！

0

lily1109

提问者

2019-09-06

还有一个问题：第一个指的是水平方向的值吗？第二个指的是垂直方向的值吗？

如果是的话，对于top来说，水平方向是水平居中，垂直方向是0，那第二个值就不是默认为居中了。

同理，对于bottom，水平方向水平居中，垂直方向是100%，第二个值也不是默认为居中的50%。

0