Question

模拟你如何写作：

margin: 12px 8px 10px 8px;
//or
padding: 12px 8px 10px 8px;

有没有办法简化位置属性？

//from    
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;

//to
position: absolute 0 0 0 0;

还是什么？

MDN似乎没有任何东西，但它可以被称为其他东西或完全不同的方法。

Answer 1

不，您不能将position 简写为top等其他属性，因为它们完全分开了属性，不像background例如图片和颜色。如果你想节省编写CSS，你可以查看CSS预处理器中的mixins，比如Sass和LESS。

Sass中的一个示例mixin：

@mixin border-radius($radius) {
  -webkit-border-radius: $radius;
     -moz-border-radius: $radius;
      -ms-border-radius: $radius;
          border-radius: $radius;
}

.box { @include border-radius(10px); }

以上内容取自Sass Mixin Reference。

显然，如果您不想使用预处理器，那么每次要使用这些属性时，您只需要手动将其写出来。

Answer 2

不，没有。

以下是CSS定位模块第3级的当前定义：https://www.w3.org/TR/css-position-3/ - 该文档未定义app和position，left，{的任何速记形式{1}}或right。

是否有定位的速记属性？

2 个答案: