有没有办法在css calc函数中使用或实现模运算符?
我知道有mod运算符和IE支持它,但其他浏览器呢?
例如
#element-id{
width: calc( 100% mod 5 );
}
答案 0 :(得分:5)
很遗憾,recent specs中不再提及mod
运算符。
calc()函数允许使用加法(+),减法( - ),乘法(*)和除法(/)的数学表达式作为组件值。
您可能希望使用javascript来实现此类行为。
var el = document.getElementById('element-id');
el.style.width = (100 % 5) + '%';
答案 1 :(得分:4)
...简单" NO"
表达式可以是使用标准运算符优先级规则组合以下运算符的任何简单表达式:
+
另外。
-
减法。
*
乘法。至少有一个参数必须是<number>
。
/
师。右侧必须是<number>
。
答案 2 :(得分:1)
答案 3 :(得分:0)
只有Internet Explorer支持mod功能,我担心,它已经dropped from the CSS spec,因此其他浏览器不太可能很快支持它。