2014-06-20 58 views
2

Tp中心绝对定位的元素我必须将当前宽度设置为一半,并将其设置为负的左边距值。但我不想这样做:有没有办法获得SASS中当前元素的设置宽度?

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

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

Psudo代码:

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

回答

2

我要建议,一样的方法@GEspinha,但如果你要在许多不同的元素做这可能是值得使用一个mixin:

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

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

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

最简单,最灵活的方式做这样的事情是通过创建一个变量,在类中使用它。 目前仍无法定位SASS中元素的特定属性值。

$var: 75px; 

#elem { 
    width: $var; 
    margin-left: -($var/2); 
} 
相关问题