html - 我可以一次在 CSS 中设置所有偏移边吗？

Question

而不是：

right:0px;
left:0px;
top:0px;
bottom:0px;

我可以有这样的东西吗？

sides:0px;

score 15 · Accepted Answer

不，不存在sides用于设置偏移量的速记属性。您必须单独设置它们。

其他种类的涉及盒子侧面的属性有简写形式，例如和，margin但位置偏移量、和没有。paddingbordertoprightbottomleft

score 3 · Accepted Answer

如果您使用的是LESS或Sass等预处理器，那么可以。如果您使用的是香草 CSS，那么不，还没有。

LESS 中的示例

.sides (@length) {
  top: @length;
  bottom: @length;
  left: @length;
  right: @length;
}
div {
  .sides(0px);
}

@mixin sides($length) {
  top: $length;
  bottom: $length;
  left: $length;
  right: $length;
}
div {
 @include sides(0px);
}

score 2 · Accepted Answer

不，无论如何它不会很有用，因为您几乎不会一次将所有这些值都设置为相同的值。您通常将其中两个，即leftorright和topor bottom再一次很少达到相同的值，因此没有真正的方法可以缩短它。

score -1 · Accepted Answer

-1

不是您尝试使用的 CSS 属性，而是边框、边距、填充等。

于 2012-07-24T14:28:24.927 回答

score -1 · Accepted Answer

你是不是想定位一些东西？用左：10px 和右：10px 定位东西似乎有点奇怪。

但是不，它们不是捷径……通常你不会使用所有它们来定位。

score -1 · Accepted Answer

如果因为要覆盖其他默认值而将偏移量更改为 0px，则可能要使用：

位置：静态

所有元素的默认定位是 position:static，这意味着元素没有定位，而是出现在文档中通常会出现的位置。