Математические операции в HTML

Question

Можно ли выполнять математические операции в HTML, например <div width="50/2">? Или это можно сделать только с помощью Javascript или CSS?

Answer 1

Нет, Html и css не могут выполнять математические операции. Вы можете сделать это в javascript. Но если у вас есть выбор, вы не должны выполнять сложные математические операции с javascript, если не знаете javascript. Поскольку JavaScript имеет некоторые странное поведение, например:

document.write(.1 + .2) // 0.3000000000000004 (instead of 0.3) 
document.write(.3 + .6) // 0.8999999999999999 (instead of 0.9) 

Но до тех пор, как вы имеете дело с целыми значениями, вы должны быть в порядке. Или если вы хотите иметь дело с десятичными знаками в javascript, просто преобразуйте их в целое число (умножив на 100, а затем преобразуйте результат в десятичный, разделив на 100.)

Вы можете использовать другие языки наряду с html и css on на стороне сервера:

• PHP
• Python
• Java
• рубинового
• javascrript (оба сервера и на стороне клиента)

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

Но если вы вычисляете возможности компоновки, например, вычисляя ширину и высоту для добавления в css, то, я думаю, вы должны просто использовать javascript. Но немного почитать о его неожиданном поведении с десятичными знаками. Таким образом, вы не получите неправильный результат.

Answer 2

Нет. Вам нужно будет использовать javascript для вычисления ширины, а затем обновить атрибут до нужного элемента в DOM.