css计算属性calc

宽度或者高度等属性需要进行计算时,可使用calc

例如(两个值与运算符之间必须有空格隔开)

height: calc(100% - 64px);

比较优雅的写法:

定义一个计算方法

@mixin calc($property, $expression) {
    #{$property}: -webkit-calc(#{$expression});
    #{$property}: calc(#{$expression});
}

调用

@include calc(height, "100% - 64px");

stackoverflow的相关链接 https://stackoverflow.com/questions/10826064/how-can-i-create-a-calc-mixin-to-pass-as-an-expression-to-generate-tags

猜你喜欢

转载自www.cnblogs.com/lw5116/p/9263339.html