css - 是否有定位的简写属性?

标签 css css-position shorthand

<分区>

类似于您的写作方式:

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似乎没有任何东西,但它可以被称为其他东西或完全不同的方法。

最佳答案

不可以,您不能将 positiontop 等其他属性简写在一起,因为它们是完全独立的属性,不像 background 有图像和颜色。如果您想节省编写 CSS 的时间,可以查看 Sass 和 LESS 等 CSS 预处理器中的混入。

Sass 中的混合示例:

@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 .

显然,如果您不想使用预处理器,则只需在每次要使用这些属性时手动将其写出即可。

关于css - 是否有定位的简写属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50121253/

上一篇:css - Magento : override css class into my custom css file

下一篇:html - 如何强制行及其列使用​​其父元素 (jumbotron) 高度的 100%

相关文章:

javascript - 值变量作为 0 不等于简写 if 表达式中的 false

javascript - 将 var t=!0/var t=!1 用于 true/false 有多安全?他们总是返回 true bool 值 true/false 吗?

javascript - 嵌套对象引用有简写吗?

css - 主 scss 文件未使用脚本更新所有导入的文件

html - 使用 CSS 选择器选择 HTML 中的特定元素

css - 如何在 angularjs 中为页面的一部分制作加载掩码?

html - 空的div被隐藏,没有任何内容,如何显示它但保持空?

CSS 计算();定位一个div

css - Woocommerce 迷你购物车小部件按钮悬停覆盖

html - 如何使图像元素随窗口缩放而不是重新定位