css - 有没有办法在SASS中获取当前元素的设置宽度？

Question

这个问题在这里已经有了答案:





SASS: Get value of existing background string and add to it?

(1 个回答)


7年前关闭。




Tp center 绝对定位元素我必须将当前宽度分成两半并将其设置为负的左边距值。但我不想这样做:

#elem {
    width: 75px;
    margin-left: -(75/2)px;
}

从现在开始，如果我更新宽度，我必须在 2 个地方更新它。相反，是否可以在 SASS 中以某种方式引用当前选择器的设置宽度？

伪代码:

#elem {
    width: 75px;
    margin-left: -(this.width/2)px;
}

Answer 1

我打算建议与@GEspinha 相同的方法，但是如果您要在许多不同的元素上执行此操作，则可能值得使用 mixin:

@mixin absolute-width($width) {
    margin-left: -($width/2);
    width: $width;
}

#elem {
    @include absolute-width(75px);
}

#elem2 {
    @include absolute-width(50px);
}