CSS中的background属性中的0为什么等效于0% 50%?

发布网友发布时间：2022-05-13 06:06

我来回答

共3个回答

热心网友时间：2022-05-13 07:36

如图所显示当写了一个0的时候浏览器会默认认为是 0 center 所以才会和0% 50%效果一样

希望对你有帮助

追问为什么是0 center，而不是0px center？在哪有资料？W3C上貌似没找着

追答0 就是 0px 他俩是相等的喜欢写单位就写上单位不喜欢西单位就不用写

热心网友时间：2022-05-13 08:54

解释一下，background的属性
background: url("a.gif") no-repeat 50px 5px;

这样写，你应该明白的吧，50px是距离左边50px，距离顶部5px

而你所说的0就是距离左边为0，其实就是0px，追问那垂直居中的效果呢

追答background: url("a.gif") no-repeat 50px center; 这就是垂直居中了。

background: url("a.gif") no-repeat center center; 这是水平，垂直都居中

热心网友时间：2022-05-13 10:28

background的position其实有两个的即

background-position-x
background-position-y
background: url("a.gif") no-repeat 0 = background-position-x = 0；background-position-y = 0
background: url("a.gif") no-repeat 0% 50% = background-position-x = 0；background-position-y = 50

x y分别水平和指垂直重

参考资料：http://www.w3school.com.cn/css/css_background.asp