Html 用于将左右边距设置为相同值的缩写
我很好奇以下选择器是否有完全等效的单线速记:Html 用于将左右边距设置为相同值的缩写,html,css,css-selectors,Html,Css,Css Selectors,我很好奇以下选择器是否有完全等效的单线速记: .foo{ 左边距:30px; 右边距:30px; } 我可以使用类似于: .foo{ 利润率:0.30px; } 但我不清楚这是否等效,例如,如果对一个元素应用多个样式,0可能会创建不同的最终结果。使用此选项 .foo { margin: 0 30px 0 30px; } 我不确定我是否理解你的问题。通常,auto用于定心 浏览器会选择一个合适的边距来使用。例如,在某些情况下 案例该值可用于使图元居中 但是,初始值为0 因此,除非您特别需
.foo{
左边距:30px;
右边距:30px;
}
我可以使用类似于:
.foo{
利润率:0.30px;
}
但我不清楚这是否等效,例如,如果对一个元素应用多个样式,0可能会创建不同的最终结果。使用此选项
.foo {
margin: 0 30px 0 30px;
}
我不确定我是否理解你的问题。通常,
auto
用于定心
浏览器会选择一个合适的边距来使用。例如,在某些情况下
案例该值可用于使图元居中
但是,初始值为0
因此,除非您特别需要使用auto
,否则您需要以下功能
.foo {
margin: 0 30px;
}
说明了如何使用边距属性。它不是吗
边距:unset 30px unset 30px
,顺序是上、右、下、左。@Shizukura使用速记时,左值是上、下、右值是左、右。组合样式时,自动操作的方式。这取决于其他属性。它有不同的行为。当处理块元素未定位时,至少有3(1)(2)定位元素(3)flexboxWhen是未设置的边距的有效值?unset是任何属性(如inherit、initial、revert等)的有效值,该链接是一个非常糟糕的引用。最糟糕的是,上下页边距必须是默认值,而不是0。OP没有提到这一点@shizukura@Shizukura默认值为0。默认值可能为0,但这并不意味着不指定上/下边距与0相同,是吗?是的,它将为0,它不会覆盖来自任何其他容器的任何值。是的,auto
可能没有意义,我应该使用0。我不知道0
是否真的等效,因为例如,如果一个元素应用了多个样式,结果可能不同?例如,以前,上下边距可能来自另一种样式,但现在由于特殊性规则,0将覆盖。@BeeOnRope在第二个示例中,auto
仍将覆盖任何现有值。防止出现这种情况的唯一方法是使用第一个示例,而不是速记。您的意思是0将覆盖任何现有值吗?我删除了对auto
的引用,因为我错误地认为auto
是默认值,但事实上它是零。@BeeOnRope如果在声明相关规则之前在.foo
上设置了上下边距(而不是0),那么是的,假设没有像你说的那样有更高特异性的规则,它会覆盖它。