Home>Article>Web Front-end> Can addition, subtraction, multiplication and division be done in css?

Can addition, subtraction, multiplication and division be done in css?

青灯夜游
青灯夜游 Original
2021-02-22 16:30:20 4397browse

Can add, subtract, multiply and divide in css. In CSS, you can use the calc() function to perform the four arithmetic operations of "addition, subtraction, multiplication and division". It allows the use of four operators: " ", "-", "*", and "/", and you can use %, px, and em in combination. , rem and other units for calculation.

Can addition, subtraction, multiplication and division be done in css?

The operating environment of this tutorial: Windows 7 system, CSS3 version, Dell G3 computer.

Can add, subtract, multiply and divide in css.

Mathematical expression calc() is a function in CSS, mainly used for mathematical operations. It allows the use of four operators, -, *, /, and can be mixed with %, px, em, rem and other units for calculation

Compatibility: IE8-, safari5.1-, ios5.1- , android4.3-not supported, android4.4-4.4.4 only supports addition and subtraction. IE9 does not support backround-position

Example:

 
测试文字一
测试文字二

For more programming-related knowledge, please visit:Programming Video! !

The above is the detailed content of Can addition, subtraction, multiplication and division be done in css?. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn