概述
加减等运算符前后必须加空格
表现负数:
方式一:calc(-1 * 25px - -1 * 5px);
使用-1 * 来实现
方式二:calc(0px - (25px + 5px)));
使用0px - 来实现
calc中带变量:使用方式相同
calc(-1 * var(--circleWidth) - -1 * var(--gap));
calc(0px - (var(--circleWidth) + var(--gap)));
代码示例:
.jf-switch-checked{
left: 100%;
margin-left: calc(-1 * var(--circleWidth) + -1 * var(--gap));
/* calc(0px - (var(--circleWidth) + var(--gap))) */
}
最后
以上就是怕孤单小兔子为你收集整理的css calc使用总结的全部内容，希望文章能够帮你解决css calc使用总结所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复