在css calc函数中使用模数

时间:2015-12-23 12:05:44

标签: css css3 css-calc

有没有办法在css calc函数中使用或实现模运算符?
我知道有mod运算符和IE支持它,但其他浏览器呢?

例如

#element-id{
     width: calc( 100%  mod 5 );
}

4 个答案:

答案 0 :(得分:5)

很遗憾,recent specs中不再提及mod运算符。

  

calc()函数允许使用加法(+),减法( - ),乘法(*)和除法(/)的数学表达式作为组件值。

您可能希望使用javascript来实现此类行为。

var el = document.getElementById('element-id');
el.style.width = (100 % 5) + '%';

答案 1 :(得分:4)

...简单" NO"

MDN

  

表达式可以是使用标准运算符优先级规则组合以下运算符的任何简单表达式:

     

+另外。

     

-减法。

     

*乘法。至少有一个参数必须是<number>

     

/师。右侧必须是<number>

答案 2 :(得分:1)

浏览器不再支持此运算符。 您只能对calc:

使用标准操作
  • 添加 +
  • 减法 -
  • 乘法 *
  • 分部 /

这个calc() article提供了有关该功能的进一步详细说明。

答案 3 :(得分:0)

只有Internet Explorer支持mod功能,我担心,它已经dropped from the CSS spec,因此其他浏览器不太可能很快支持它。