Использование модуля в функции CSS calc

есть ли способ использовать или реализовать оператор модуля в функции CSS calc?
Я знаю, что есть оператор mod и IE поддерживает его, но как насчет других браузеров? 

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

4 ответов

к сожалению, больше нет упоминания о mod оператор последние спецификации.

функция calc () позволяет использовать в качестве значений компонентов математические выражения с добавлением ( + ), вычитанием ( - ), умножением ( * ) и делением ( / ).

вы можете прибегнуть к использованию javascript для достижения такого поведения.

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

просто..."НЕТ."

MDN

выражение может быть любым простым выражением, включающим следующие операторы, используя стандартные правила приоритета операторов:

+ дополнительно.

- вычитание.

* умножение. По крайней мере один из аргументов должен быть <number>.

/ дивизии. Правая сторона должна быть <number>.

4

этот оператор больше не поддерживается в браузерах. Вы можете использовать только стандартные операцииs с calc:

  • дополнение +
  • вычитание -
  • умножение *****
  • отдела /

этой calc () article предоставляет более подробное объяснение функции.

1

только Internet Explorer поддерживает функцию mod, я боюсь, и это было выпало из спецификации CSS, поэтому другие браузеры вряд ли поддержат его в ближайшее время.

0