对于top/bottom来说是不是不适用只写第一个参数第二个默认居中

对于top/bottom来说是不是不适用注意中的：只写第一个参数第二个默认居中。这里的第一个，第二个分别是针对哪些类型的值有作用?

lily1109 2019-09-06

源自：CSS背景和列表 2-11 background-position

5

收起

3回答

卡布琦诺回答被采纳获得+3积分 2019-09-06 17:55:30

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

希望可以帮到你！

lily1109 提问者 #1

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

2019-09-06 21:12:12

好帮手慕星星 2019-09-07 17:38:53

同学你好，

有一点说错了哦：

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

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

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

提问者 lily1109 2019-09-06 11:05:15

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

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

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

相似问题

关于函数参数赋值默认值，解构赋值问题

toRef()的第二个参数有什么作用？为什么要加上第二个参数'age' ?

关于indexOf()的第二个参数

不是说形参和实参必须类型一致吗，题中int $b和字符串的7类型不一致，为什么不冲突

【第12周 Promise 3-1 then( )方法】关于Promise中参数resolve和reject的问题

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

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载