这对于像
这样的元素使用“px”和“%”是正确的.box{
padding:10px 2% 0 3%;
}
这是在css中使用的权利。
答案 0 :(得分:3)
正如CSS 2.1 specification for padding(强调我的)
所述'padding'属性是一种速记属性,用于在样式表中的同一位置设置'padding-top','padding-right','padding-bottom'和'padding-left'。 强>
如果只有一个值,则适用于所有方面。如果有两个值,则顶部和底部填充设置为第一个值,右侧和左侧填充设置为第二个。如果有三个值,则将top设置为第一个值,将left和right设置为第二个值,将bottom设置为第三个值。 如果有四个值,则分别应用于顶部,右侧,底部和左侧。
所以padding: 10px 2% 0 3%;
等同于
padding-top: 10px;
padding-right: 2%;
padding-bottom: 0;
padding-left: 3%;
这是完全有效的CSS。
玩得开心!
答案 1 :(得分:1)
与其他人建议的一样,混合使用不同的测量单位很好,但为了更进一步,我不担心将它们保持在同一个UOM中,您可能对顶部,右侧,底部和左侧的值有不同的定位要求。一个元素。
答案 2 :(得分:0)
是的,你可以很好地混合百分比和像素值。它不符合你的预期吗?
答案 3 :(得分:0)
可以使用不同的测量(浏览器不会抱怨),但最好只使用相同的测量。 (所有百分比或所有像素)
答案 4 :(得分:0)
是。这只是一个简短形式:
padding-top: 10px;
padding-right: 2%;
padding-bottom: 0;
padding-left: 3%;
代码有效 - 您为不同的属性使用不同的单位。没错。