Tp center 绝对定位元素我必须将当前宽度分成两半并将其设置为负的左边距值。但我不想这样做:
#elem {
width: 75px;
margin-left: -(75/2)px;
}
Run Code Online (Sandbox Code Playgroud)
从现在开始,如果我更新宽度,我必须在 2 个地方更新它。相反,是否可以在 SASS 中以某种方式引用当前选择器的设置宽度?
伪代码:
#elem {
width: 75px;
margin-left: -(this.width/2)px;
}
Run Code Online (Sandbox Code Playgroud)
我打算建议与 @GEspinha 相同的方法,但如果您要在许多不同的元素上执行此操作,那么使用 mixin 可能是值得的:
@mixin absolute-width($width) {
margin-left: -($width/2);
width: $width;
}
#elem {
@include absolute-width(75px);
}
#elem2 {
@include absolute-width(50px);
}
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
21872 次 |
| 最近记录: |